效果预览：https://jeremcol.githb.io/archives/index.html

准备：

1. Windows电脑。
2. Git账号。
3. 使用hexo框架搭建博客软件。

步骤：

（一）安装Git

1. 下载Git：https://git-scm.com/
2. 参考网址：git安装 https://www.cnblogs.com/ximiaomiao/p/714456.html
   （详细安装过程可参考此链接）

（二）安装Node.js

1. 下载Node.js：https://nodejs.org/en/
   （安装过程按照提示操作，很简单）

2. 参考网址：

   • 安装Git：https://www.cnblogs.com/ximiaomiao/p/714456.html
   • Node安装：https://www.cnblogs.com/sing-ssh-key-link-githb-photo-tor/

（三）安装Hexo

1. 检测node安装是否成功：

   node-v  # 返回版本号
   npm-v  # 返回版本号
   

2. 安装淘宝的镜像源（如果出错就重新尝试，因为连接不稳定，多试几次就可以了）：

   npm install -g cnpm --registry=https://registry.npm.taobao.org
   

3. 创建一个新的仓库（repository），例如：hansonpang99.github.io

4. 在博客目录下安装hexo部署插件：

   cnpm install --save hexo-deployer-git
   

5. 找到Blog文件夹中的_config.yml文件，用编译器打开，建议使用Visual Studio Code打开。

（四）配置GitHub仓库信息

1. 注：Visual Studio Code的好处：

   1. 支持多种语言。
   2. 视图简洁。
   3. 插件种类丰富。

2. 找到以下代码部分，对其进行修改：

   type: git
   repository: 你的GitHub仓库地址
   branch: master
   

3. 修改完成后保存。

4. 在Hexo命令行中输入以下命令将本地文件部署到GitHub新建的仓库中：

   hexo d
   

（五）访问博客
通过访问 https://+你的仓库名 就可以访问你部署在GitHub上的博客了，例如：https://hansonpang99.github.io

（六）更换Blog主题
以yilia主题为例进行更换：

1. 下载yilia主题：

   git clone https://github.com/litten/hexo-theme-yilia.git themes/yilia
   

2. 在_config.yml文件中找到以下代码部分，修改主题为yilia：

   theme: yilia
   

3. 输入以下命令清除数据库、生成静态网站和部署文件到GitHub：

   hexo clean
   hexo g
   hexo d
   

通过以上步骤，你就可以完成个人博客的建站与优化了。祝你 blogging 事业蒸蒸日上！