github博客搭建（二）—— 博客初始化与个性化设置

hexo下载与初始化

以上环境准备好了就可使用 npm 开始安装 Hexo 了，在命令行输入执行如下命令：

npm install -g hexo-cli

安装 Hexo 完成后，在指定文件夹下打开“Git Bash”——其实这里可以不用gitbash，用cmd是一样的，gitbash后面都可以用cmd代替。

再执行下列命令，Hexo 将会在指定文件夹中初始化所需要的文件

#在"文件夹名字"初始化hexo
hexo init 文件夹名字
#切换到你创建的文件夹下
cd 文件夹名字
#npm初始化
npm install [email protected]

这里正常应该是 npm install就行，但是我们这个主题的问题，不兼容hexo7以上的版本，具体可看我这篇博客解决hexo搭建博客代码块异常问题 | cy’s Blog (666cy666.top)，免得后面要重装

这里如果初始化慢的话，可以去hexojs/hexo-starter: Hexo Starter site (use npx hexo init myBlog) (github.com)下载zip解压到文件夹下，然后再npm install

解压后的文件，之后在当前文件夹下npm install

npm install初始化后就可以尝试启动了

hexo基本指令

hexo g(generate)

这个命令会根据你的源文件（如 Markdown 文件）生成静态 HTML 文件，并将它们放在 public 目录中。每次你更新文章或修改配置文件后，都需要运行这个命令来重新生成静态文件

hexo s(server)

这个命令会启动一个本地服务器，通常监听在 http://localhost:4000。你可以在本地预览你的博客，而无需先生成静态文件。这个命令还会监听文件变化，并自动重新加载页面，方便开发调试。

hexo d(depoly)

这个命令会根据你在 _config.yml 中的配置，将生成的静态文件部署到远程服务器上。常用的部署目标包括 GitHub Pages、FTP 服务器等。你需要先配置好部署选项，然后运行这个命令将网站发布到指定位置。

hexo new page 标签名字

这个命令会在 source 目录下新建一个独立页面目录，并生成相应的 index.md 文件。例如，运行 hexo new page about 会在 source 目录下创建一个 about 文件夹，里面有一个 index.md 文件，你可以在其中编写“关于”页面的内容。

尝试运行

hexo g
hexo s

执行完上面的指令后，若能成功在本地:4000端口访问，恭喜你，已经成功11.4514%了！！！

博客个性化设置

主题设置

大家可以去官网上找自己喜欢的主题下载https://hexo.io/themes/ ，我采用的主题是theme-particlex/hexo-theme-particlex: A concise Hexo theme, based on Particle. (github.com) ，这款二次元浓度有点高，果断选择这款，后续修改也是按照这款主题来配置，不同主题配置不同，但大同小异，可以参考我的来做。

ParticleX 主题使用说明 | Argvchs の小窝根据官方教程，它这里是下载后改名为particlex，个人感觉应该是不用改的，可以直接改为解压后的文件夹的名称

这里注意一下结构，我们后面修改最多的地方就是两个_config.yml，一个在themes下面，一个在根目录下面，不一样，我们这个时候修改的是根目录下，将theme修改为主题的文件夹名称

然后同时在这个地方可以修改个人信息，看一下是否能够修改成功，其他的可以不用动，然后

hexo clean
hexo g
hexo s

当你出现了这个界面，恭喜你，已经成功了15%！！！

个性化修改

修改背景，头像等图片

在themes\hexo-theme-particlex-master\source\images目录下可以看到有头像，背景和等待动图，这里都可以进行替换，将需要修改的图片放到该目录下然后去themes文件夹下的config中修改名称就行

这里我的背景图是用的二次元api图片，直接将地址修改为https://t.alcy.cc/pc，它会自动请求图片地址，图片都是中上质量的二次元图片，并且随机。

修改个人卡片

同样是在themes下的config中，card可以修改友链以及个人介绍等说明

出现这样的界面的时候，恭喜你，已经完成了20%！！！