背景

首先介绍下自己，本人是一名Java开发人员，坐标魔都，热爱Java，热爱开源。
个人博客的搭建，我18年就想搭建个人博客网站了，那时候由于一些原因，并没有完成，后来一直使用CSDN来写一些博客。
时隔两年，还是想搭建一个属于自己的博客网站，因为之前使用过VuePress写过项目的用户手册，所以打算使用它来搭建个人博客，再三考虑后，最终选择了Hexo来搭建自己的博客，在此记录下自己搭建的过程。

开始

先把会用到的网址写到这里

安装 Hexo

首先你的电脑是已经有Git与node.js环境的，如果没有的话，请去官网进行下载与安装。

上述准备工作完成后，使用 npm 安装 Hexo

1	npm install -g hexo-cli

安装 Hexo 完成后，依次执行下列命令，Hexo 将会在指定文件夹中新建所需要的文件。

1
2
3

hexo init <你的文件夹>
cd <你的文件夹>
npm install

新建完成后，指定文件夹的目录如下：

.
├── _config.yml
├── package.json
├── scaffolds
├── source
|   ├── _drafts
|   └── _posts
└── themes

具体的文件作用可以去Hexo的文档中查找

安装butterfly主题

有三种方式可以安装此主题，我是用npm方式进行安装的，其他的可以参考上方给出的文档。

在博客根目录里使用以下命令

1	npm i hexo -theme -butterfly

修改站点配置文件_config.yml，把主题改为butterfly

1	theme: butterfly

安装 pug 以及stylus 的渲染器

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

最后一步

在根目录中新建文件名为_config.butterfly.yml的文件
在项目目录中找到目录 /node_modules/hexo-theme-butterfly
打开刚刚找的的目录中的 _config.yml 文件，复制文件内容到新建的_config.butterfly.yml文件内。

到此为止你的目录差不多是下图这样

到目前hexo安装与主题更换已经完成，可以使用 hexo serve 命令进行启动，查看博客页面。

结束

具体的主题配置还要仔细的去阅读主题文档，文档内很详细，比如访客统计、鼠标样式等

最后，感谢大家抽时间看我的个人博客，文章中如果有不对的地方，请联系我修改，万分感谢!

附阿里云返利链接https://www.aliyun.com/product/sms?source=5176.11533457&userCode=45imjidy欢迎小伙伴们查看哦