Hexo是基于node.js制作的一个博客工具驱动。它是一个静态页面生成的工具。也就说，Hexo是个纯静态的网站。至于为何会选中Hexo呢，主要 还是因为它的主题样式多，官方的主题都有200多种。

这里是Hexo在本地安装，暂时不需要部署到我们的服务器上。（如果需要部署的童鞋，可以看我后面的博客）

我们只需要在本地通过markdown也可以通过Typora（个人推荐使用）编写文章，然后让Hexo帮我们生成静态的html页面，并通过Hexo将生成的html文件上传到我们的服务器。

hexo官方文档：文档 | Hexo

参考视频

安装Node.js

https://nodejs.org/zh-cn/

下载Windows (x64)长期支持版 Long Term Support (LTS) schedule。按提示逐步安装即可。

安装完成后打开cmd查看版本号验证是否安装成功

C:\Users\高冷的男神>node -v
v12.16.1

Node.js中自带了npm包管理工具，在cmd中查看npm版本。

C:\Users\高冷的男神>npm -v
6.13.4

安装git

git是一个版本控制工具，国外镜像下载巨慢，没有耐心的我告辞。

下载git

官网：https://git-scm.com/download/](https://git-scm.com/download/)

这里推荐使用我的网盘连接资源

链接：https://pan.baidu.com/s/19SaJtW7WkF542RCjZAMHaA 提取码：wsn9

如果网盘资源还是觉得慢，就前往淘宝 Git for Windows 镜像下载 git 安装包，

https://npm.taobao.org/mirrors/git-for-windows/

版本随意，都是windows环境的git安装包，选择.1后缀的路径，在根据电脑配置，选择Git前缀然后选择-32或者-64位的，

实在实在还是不会，就自行百度

安装git

直接点击install，然后跟着节奏走。一路的next

检测是否安装好了git

（1）桌面鼠标右键:如果有git gui和git bash就ok了

（2）在cmd中输入 git –version

搭建hexo博客

安装hexo

在桌面鼠标右键打开git bash here

在git面板中输入

npm install -g hexo-cli

-g：全局安装

结果如图

在查看hexo版本（检测是否安装成功）

$ hexo -v

结果如图

这里也说明了hexo是基于node.js开发的 hexo版本是3.1.0的

注意：如果有需要卸载hexo的情况：可以使用npm uninstall hexo-cli -g来删除hexo3.0以上的版本，之前的版本使用npm uninstall hexo -g

安装hexo服务（可以不用）

Hexo 3.0 把服务器独立成了个别模块，必须先安装 hexo-server 才能使用。

npm install hexo-server

卸载hexo

npm uninstall hexo-cli -g

结果如图

搭建博客

在D盘新建Hexo文件用来存放个人博客，进入该文件夹，在Hexo中在新建一个空文件myblog 作为hexo项目（博客）目录

在myblog鼠标右键git bash here打卡git面板对myblog初始化 因为冲github上下载，所以有点小慢，为了解决就把npm设置为淘宝镜像

npm config set registry https://registry.npm.taobao.org

检查是否修改成功

npm config get registry
​
页面结果：https://registry.npm.taobao.org/

如果结果是一淘宝镜像网址，就可以执行init了

hexo init

实例如图：

下载完成后自动在文件中部署项目文件

启动博客

在myblogs文件夹下启动hexo服务。这里还是在git面板里操作

hexo server 或者 hexo s

操作后如图所示

此时在本地打开浏览器，通过 http://localhost:4000/ 便可访问基于Hexo的个人博客主页了。如下图所示：

退出服务

ctrl+c

配置信息

官网配置信息：配置 | Hexo

解决乱码

修改编码格式为utf8

解决汉化

• 修改主题中的标签页面

• 修改hexo根配置文件中的language为zh-cn

切换主题

1. 选择主题：官网，Themes | Hexo

2. 下载主题

3. 更换主题

4. 配置主题，看主题的官方文档

如果GitHub进不去：参考blog.yxqz.top

蝴蝶主题

作者地址：Butterfly 安裝文檔(一) 快速開始 | Butterfly

下载地址：

git clone -b master https://github.com/jerryc127/hexo-theme-butterfly.git themes/butterfly

必须要的插件：

git clone -b dev https://github.com/jerryc127/hexo-theme-butterfly.git themes/butterfly