Hexo+Buttterly+Github Pages构建个人博客

How to 创建 this 风格`s Blog

​ 我的博客采用框架是Hexo，主题为Butterfly，评论采用Twikoo，支持音乐播放，还有旁边的这只黑猫看版娘，对于如何构建这些，我会在这篇文章中介绍。

• GitHub：https://solitude325.github.io
• Gitee：https://solitude0325.gitee.io
  

基础信息

1. Hexo

​ Hexo 是一个快速、简洁且高效的博客框架。Hexo 使用Markdown（或其他渲染引擎）解析文章，在几秒内，即可利用靓丽的主题生成静态网页。

​ 安装简单，使用方便，主题丰富，相对来说文档资源较为丰富。

2. Butterfly

A Simple and Card UI Design theme for Hexo.

Butterfly是由JerryC编写的一款Hexo主题。页面足够美观，文档也较为丰富。

配置方案

​ 我没有租用服务器，没有购买域名，所以本方案完全免费。博客部署在GitHub和Gitee上，利用其免费的Pages服务搭建页面。

• GitHub：https://solitude325.github.io
• Gitee：https://solitude0325.gitee.io

本来并不打算使用Gitee，不过由于国内访问GitHub速度堪忧忧，就使用Gitee同时搭建了一个镜像网站，就是同时上传两个仓库。

建站过程

对于以下所有步骤都可以在网上找到相关教程

环境配置

1. 安装Git

   ​ Git是一个分布式版本控制软件，主要利用它来将本地项目推送到远程仓库，以及使用Git Bash。

   ​ 对于Git的安装网上有大量教程，安装Git不仅适用这次安装博客，对工作环境的搭建也有帮助（据说）。

   Git官网

   

2. 安装node.js

   ​ 简单的说 Node.js 就是运行在服务端的 JavaScript。安装node.js的原因是Hexo框架基于node.js。

   Node.js官网

3. 注册Github

   ​ GitHub是全球最大的同性交友网站，也是最好的代码托管平台。不过由于其外网的性质访问速度堪忧，条件不允许的可以选用国内代码托管平台Gitee。选用这两者另外的好处是不用考虑域名，部署page服务后可以通过xxx.github.io或者xxx.gitee.io访问到自己的页面。

   ​ 为了构建我们的页面，还需要建立个人代码仓库，部署page服务要求仓库名与账号名相同。点击GitHub中的New repository创建新仓库，仓库名应该为：用户名.github.io 这个用户名使用你的GitHub帐号名称代替，这是固