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

准备：

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

准备工作完成之后，我们将通过以下步骤进行自助构建个人网站应用：

（1）安装过程：

• Git 安装：参考网址。按照网上给出的安装方式进行安装即可。Git安装教程。

• Node.js 安装：官方网址。按照安装过程依次点击即可，安装过程很简单。

（2）安装 Hexo：

• 检测 node 安装是否成功：

  node -v （返回版本号）
  npm -v （返回版本号）
  

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

  npminstall-gcnpm --registry=https://registry.npm.taobao.org
  

（3）建立一个仓库（repository）：

• 例如：hansonpang99.githb.io

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

  npminstall --save hexo-deployer-git
  

（4）编辑_config.yml 文件：

• 找到 Blog 文件中的 _config.yml 文件，使用编译器打开，建议使用 Visual Studio Code 打开。VisalStdioCode 的好处：1. 支持的语言种类多，2. 视图简洁，3. 拥有插件种类多。

• 找到这部分代码，（原始的是没有 repo 和 branch 的，而且type后面也没有东西）：

  type: <名称>  （建议写成 git，方便识别）
  repository: <仓库地址>
  branch: master
  

• 将刚刚新建的 GitHub 仓库地址复制到这里。

• 点击保存。

• 在 Git 中输入 hexod 命令将本地文件部署到GitHub 新建的仓库中。

（5）访问网站：

• 通过访问 https://+自己的仓库名 可以访问部署到 GitHub 上的 blog（例如：https://hansonpang99.githb.io）。

进一步深化操作过程：

更换 Blog 的主题，这里以 yilia 主题为例进行更换。

• 首先下载 yilia 主题：

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

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

• 找到这部分代码（即 theme）：

  theme: <主题名称>
  

• 将冒号后面的内容改为刚刚新建的 yilia。

• 清理数据库等：

  hexoclean
  

• 查找并生成静态网站：

  hexo g
  

• 部署到 GitHub 中：

  hexo d
  

这样，我们就成功地更改了主题。

通过以上步骤，我们不仅可以轻松构建个人网站应用，还可以根据需求进行个性化定制。希望这篇文章能对你有所帮助！