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

准备：

1. Windows电脑。

2. Githb账号使用hexo框架搭建Blog软件准备工作如下：

(1) Git的安装：参考网址https://git-scm.com/，在电脑上下载并安装Git。安装过程按照网上的安装方式进行安装即可。

(2) Node.js的安装：根据官方教程https://nodejs.org/en/进行安装，安装过程中依次点击即可，非常简单。

安装流程：

（1）Node.js安装

• 按照官网指引一次性完成安装，操作步骤简单明了。

（2）Git安装

• 参考网上教程进行安装，确保正确无误。

（3）安装Hexo

以下出现的检测全部是在git中进行的：

——检测node安装是否成功：

• 输入node -v查看返回版本号。

• 输入npm -v查看返回版本号。

——安装淘宝的镜像源（如果错误就重来，因为连接可能不稳定，不要害怕多试几次就可以了）：

• 输入命令：npm install -g cnpm --registry=https://registry.npm.taobao.org

建立仓库：

1. 创建一个新的Githb仓库（例如：hansonpang99.githb.io）。

2. 在Blog目录下安装一个hexo部署插件：

   npm install --save hexo-deployer-git
   

3. 打开Blog文件中的_config.yml文件，用编译器打开，建议使用VisalStdioCode（支持多种语言、视图简洁、拥有丰富的插件）。

4. 定位到以下代码（未添加repo和branch的原始内容，且type后面没有内容）：

   deploy:
     type: git
     repo: <repository url>
     branch: [branch name]
   

5. 进行修改：

   • type改为git，以便于识别。

   • repo填写刚刚新建的Githb仓库地址。

   • branch设置为管理员权限的master分支。

6. 保存后，使用以下命令将本地文件部署到Githb上的仓库中：

   hexo d --generate
   

访问网站：

1. 通过浏览器访问：https://+你的仓库名即可查看已部署到Githb上的Blog（如示例：https://hansonpang99.githb.io）。

进一步深化操作过程：

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

1. 首先下载yilia主题：

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

2. 在Git中使用以下命令将主题安装到本地：

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

3. 找到Blog文件中的_config.yml文件，使用编译器打开。

4. 定位到下面的代码（即theme）：

   theme: <主题名称>
   

5. 将冒号后面的内容改为刚刚下载的yilia主题。

6. 依次执行以下命令：

   hexo clean 清除数据库之类的命令
   hexo g 生成静态网站
   hexo d 部署到Githb中
   

现在，你的Blog已经成功更换了主题！