搭建个人博客历程

一、前言

我的博客使用的是 Hexo + GitHub 搭建在线博客，主题用的是 Butterfly，教程及官方文档均可在网上找到，我只是在这里记录一些自己的感受，以防以后玩崩了找不到回家的路

参考文档:

余白的分享: https://www.vipyubai.top/post/a42befc0.html

三水的分享: https://sanshui.vip/2022/08/10/indexday1/

Butterfly安装文档: https://butterfly.js.org/posts/21cfbf15/

---

二、搭建博客

2.1 全局安装 Hexo

win + R

npm i hexo-cli -g

随便找一个空文件夹作为 Hexo 的根目录，在这个根目录安装 Hexo

npm install hexo --save

2.2 初始化根目录

初始化根目录，输入以下两条指令

hexo init blog

npm install

2.3 启动 Hexo 服务

hexo s

2.4 进入本地4000端口

此时在本地的4000端口可以看到超级毛坯版的个人博客

---

三、网页美化

3.1 安装 butterfly（我是 npm 安装）

在 Hexo 根目录输入以下指令安装 butterfly

npm i hexo-theme-butterfly

值得一提的是通过 npm 安装并不会在 themes 里生成主题文件夹，而是在 node_modules 里生成

3.2 修改 博客配置文件 主题信息

PS:从此开始
	博客配置文件=Hexo根目录中的_config.yml文件
	主题配置文件=_config.butterfly.yml文件

将 _config.yml 文件中最下面的 theme 改为 butterfly

3.3 安装插件

npm install hexo-renderer-pug hexo-renderer-stylus --save

3.4 重启服务

在编译器终端中输入

hexo clean # 清除缓存
hexo g # 生成界面
hexo s # 启动Hexo服务