前言

上一篇文章记录了如何将代码上传到GitHub仓库，这篇文章准备记录如何初始化博客并下载博客主题。
这里用的博客框架是Hexo框架，主题使用Butterfly主题，接下来会记录操作过程。

下载node.js

安装

进入node.js官网下载node.js

alt text alt text

下载好之后运行.msi文件安装即可

测试

安装完成后，运行下面命令查看node.js版本

1
node -v

查看npm包管理器版本

1
npm -v

初始化博客

安装Hexo博客框架

运行以下命令安装Hexo博客框架

1
$ npm install -g hexo-cli

初始化博客文件夹

进入你想创建博客文件夹的目录，运行以下命令初始化博客并安装相关依赖

1
2
3
$ hexo init <folder>
$ cd <folder>
$ npm install

运行博客

用vscode打开博客文件夹，终端输入以下命令运行博客

1
hexo cl; hexo g; hexo s

进入浏览器，输入以下地址访问博客

1
localhost:4000

详细可见Hexo官方文档

安装Butterfly博客主题(可选)

安装

运行以下命令安装Butterfly博客主题

1
npm install hexo-theme-butterfly

主题文件夹位置

安装完成后，可以在node_modules文件家中找到安装好的butterfly博客主题文件夹

alt text

更改主题

将图中_config.yml文件的theme改为Butterfly即可应用主题

alt text

注：图中Butterfly应该为butterfly，配置中最好都用小写，博主曾因这个大写B的问题困扰了几个小时。

修改Butterfly配置文件位置

将图中文件复制一份

alt text

保存到与_config.yml同一级文件夹中，并改名为_config.butterfly.yml

alt text

测试

终端输入以下命令运行博客

1
hexo cl; hexo g; hexo s

进入浏览器，输入以下地址访问博客查看效果

1
localhost:4000

详细可见butterfly官方文档

将博客文件夹上传到GitHub

详细可见上一篇文章《将代码储存到GitHub仓库》