GitHub Pages+hexo搭建个人博客全教程之Hexo

撰写于 2018-07-12 修改于 2021-07-01 分类搭建个人博客标签 Hexo 阅读数量：次

前言

在GitHub Pages+hexo搭建个人博客全教程之准备工作整篇中都没有出现Hexo，考虑到尽可能的写得详细通俗易懂和篇幅问题，就放到这篇来写吧！其实，只要你完成了上一篇的准备工作，你的个人博客算是完成了50%（要达到我们标题说的确实还差一点），你完全可以自己写网页布局，然后提交到仓库就行；如果你和我一样懒得写（其实是不太会），那么我们直接使用第三方框架快速搭建博客，用的就是Hexo（建议你点链接进去了解一下）。

什么是 Hexo？

Hexo一个快速、简单、强大的博客框架，由NoDE.js驱动。Hexo 使用 Markdown（或其他渲染引擎）解析文章，在几秒内，即可利用靓丽的主题生成静态网页。

Hexo 相关链接：

Hexo GitHub
Hexo 官方文档
Hexo 主题选择
我使用的Hexo主题 hexo-theme-random
使用Hexo搭建个人博客较好的网站（个人觉得哈！其他的当然也还要，只是我还没发现）

不可能不确定

下位子

visugar

如何使用 Hexo？

如何使用 Hexo ？GitHub 说的很清楚，我说一些需要注意的地方（踩坑过来的），就一张图片说完。强烈建议去看

Hexo 官方文档，Hexo配置文件（_config.yml ）文档里有，不废话自己看着配置，我会发一张图片。文档里面真的很棒，以前我在弄的时候没找到，写这篇博客才发现（哭😭），

可以看到默认主题的效果：

更换 Hexo 主题

在此之前，要确定你要哪一款 Hexo 主题，接下来说的话，我是以我博客网站使用的主题hexo-theme-random为例，

在下面选择一个吧！

NesxT: https://github.com/iissnan/hexo-theme-next
Yilia ： https://github.com/litten/hexo-theme-yilia
Yelee: https://github.com/MOxFIVE/hexo-theme-yelee
Tranquilpeak：https://github.com/LouisBarranqueiro/hexo-theme-tranquilpeak
Maupassant ：https://github.com/icylogic/maupassant-hexo
Hueman：https://github.com/ppoffice/hexo-theme-hueman
Snippet ：https://github.com/shenliyang/hexo-theme-snippet
Typecho：https://github.com/pagecho/maupassant/
Octopress：https://github.com/pagecho/mewpassant/
Farbox：https://github.com/pagecho/Maupassant-farbox/

上一步如何使用 Hexo？完成之后，你会有一个文件是hexo生成的，其中有一个是装主题的文件夹（themes），

下面我讲如何更换主题，cd在你的博客目录下，比如我的：D:\GitHub\Project\blog，右键点击Git Bash Here，输入如下命令：

1 2	$ git clone https://github.com/stiekel/hexo-theme-random.git themes/random //你喜欢的主题GitHub路径回车

然后修改博客的主配置文件_config.yml（使用Sublime Text 3 打开），将主题设置为 random：

1	theme: random

其实每个主题，在他的GitHub中都有详细的文档，按照它的走好吧！告诉你支持什么，添加什么等等。

修改之后提交，在博客项目路径下（D:\GitHub\Project\blog）提交，流程如下：今后不管修改博客还是修改配置都是这个流程

1
2
3

$ hexo clean
$ hexo generate
$ hexo deploy

总结：全篇命令是使用Git完成，凡是有修改主配置文件_config.yml是使用Sublime Text 3 打开。

下一篇我们说：给个人博客网站添加评论、有趣又实用的功能。

喜欢文章就打赏一包辣条吧！