使用Hexo和GitHub Pages搭建自己的博客并进行优化的完整教程

Hexo博客的搭建与优化小结

网上已经有了很多关于基于Hexo搭建blog的教程，但都没有给出一个相对完整的流程，没有考虑预备知识如Git、UNIX相关的浅显内容，或者后续更换电脑后博客如何迁移等问题。换言之，许多教程恰好选择在一个不前不后的点上开始，这对码农们是绰绰有余的，但对平时接触相关领域不多的人来说，依旧不够友好。

与过往的总结一样，我尽量不重复造轮子，而是挑选出好的教程，给出个人整理好的阅读顺序，提供额外的学习资料选择，以及自己的一些笔记，从而将流程补充完整，照顾到前置和后续的阶段。

Step1：预备知识

如果你是GitHub或者Git的使用者，熟悉相关操作和知识，电脑上已有相关环境，请跳至step2。

如果你仅仅是知道这几个名词，或想要复习、重新系统学习，请继续阅读。

首先，后面教程的操作基本上集中在Git Bash中，如果要令博客在不同电脑上都可进行编辑，也离不开GitHub这类平台 （如果这两句话让你感到一头雾水，请耐心看完本阶段的所有内容，不要跳步），这意味着在观看后续教程前，你需要：

1. 安装Git；
2. 了解一点儿Git Bash中命令行的使用；
3. 了解版本控制系统Git的使用逻辑；
4. 创建GitHub账户；
5. 了解GitHub远程仓库的使用。

什么是Git？

Git is a free and open source distributed version control system designed to handle everything from small to very large projects with speed and efficiency.

Git is easy to learn and has a tiny footprint with lightning fast performance. It outclasses SCM tools like Subversion, CVS, Perforce, and ClearCase with features like cheap local branching, convenient staging areas, and multiple workflows.

一句话说，它是一个易学、体积小、高速、免费的开源分布式版本控制系统（划重点）。

关于版本控制

版本控制是一种记录一个或若干文件内容变化，以便将来查阅特定版本修订情况的系统。

版本控制的使用并不局限于代码、软件的迭代，其实它广泛存在于我们的生活工作中。只要一个项目从创建到完成的过程中有更新，修正（比如写作）的操作，不管是个人项目还是团队工程，版本控制系统都可以使整个进程中的文件的变动之处易于追踪，帮助参与者知道每一处是谁修改、为何修改，并进行文件状态的回退，抑或合并。

什么是GitHub？

GitHub is how people build software.

不得不说，GitHub官网对自己的介绍充满了极简主义。

GitHub是一个面向开源及私有软件项目的托管平台，因为只支持Git 作为唯一的版本库格式进行托管，故名GitHub。

这句解释更接地气一些，百度百科终于有用了一回。当然了，你也可以把GitHub看作程序员的一个社交平台（以及一些学生下载开源代码赶作业的地方，坏习惯不要学！），star、issue、follow、fork等功能就如同朋友圈里的点赞、评论、收藏。

GitHub给每个账户都提供了GitHub Pages，它可以用于托管个人的静态网站，也同样能用来远端部署个人博客。

什么是命令行？

A command-line interface (CLI) is a means of interacting with a computer program where the user or client issues commands to the program in the form of successive lines of text (command lines). The program which handles the interface is called a command-line interpreter or command-line processor, or shell.

操纵电脑并不只能用鼠标点击一个个图标，命令行/命令提示符便是只用键盘输入一些指令来控制电脑，是不是听起来更有电影里黑客的感觉？比如我们可以用cd [/d] [<Drive>:][<path>]这一命令进入特定的文件夹，取代鼠标的点点点。Git确实提供了图形界面，但由于其主要使用群体是程序员，用客户端的人实在太少，基于客户端的教程也就随之寥寥。更何况，对于想要了解这方面知识的你来说，使用GUI也没有什么实际意义，所以，学一些命令行吧。

为什么要学习这三者而不直接进行博客的搭建？

1. 博客的搭建和使用离不开这三者（读完前文你会发现这是句废话）；
2. 你确实可以不去进行更深的学习，跟着教程一路复制粘贴，但这终究不利于后续对博客的优化和使用；
3. 这三样东西的学习成本并不大，是在博客之外也很有用的工具和知识。

如果你想要相对系统的了解和练习一下Git和GitHub，思考一下版本控制的相关问题，我推荐你学习Udacity（优达学城）上的一门免费在线课程：用 Git 进行版本控制，集中精力完成所有任务只需要几个小时。

我的课程笔记：Version Control System Getting started

由于Git Bash是一个在windows下UNIX Shell的模拟，它与windows系统下cmd的使用是有所差别的，最好了解一下Linux命令行，否则有些直接上手的朋友还会试图用ctrl+c，ctrl+v在Bash里复制粘贴，然后收获一次又一次不明所以的失败…

关于Linux命令行，这里推荐Udacity的另一门课程：Linux Command Line Basics，这门课在中文官网优达学城上不知为何搜索不到，但同样可以使用中文官网注册的账户学习，并且有中文字幕。这是另一个教训，学好英语，勤于搜索，有时资源就在转角。

Step2：搭建

如果你已经顺利完成了step1，相信我，blog实际的搭建要比从零学习预备知识简单许多。

博客的备份/迁移

有几个步骤在正式搭建前做比较好，它们可以保证你更换电脑后依然可以修改、更新博客，当然你也可以搭建完去做（可能会出错）：

Hexo博客备份中备份部分的1-3步。

此外，我们要保证自己能有依据地追究可耻的盗用与抄袭者，即给文章加上CC协议。

关于CC协议

“知识共享”（CC协议）简单介绍

正式搭建

首推B站up主CodeSheep的教学视频：手把手教你从0开始搭建自己的个人博客 |无坑版视频教程| hexo，这样出错的可能性最小；

当然你也可以只看文字图片：使用Hexo+Github一步步搭建属于自己的博客（基础）

完成上面视频/博文中的教程后，回到 Hexo博客备份，继续剩下的部分，并在GitHub上确认最终仓库的情况（是否有冗余的，不必push的文件）。

Step3：优化

想要让博客变得更漂亮，更有风格，便需要更换主题，并根据自己的需要进行调整。step2的视频中已经包含了主题的更换，但很可能不合你的审美兴趣。重新在hexo官方主题网页 - Themes | Hexo上寻找自己喜欢的主题，并认真阅读主题制作者给出的教程进行配置即可。

主题不一定包含你喜欢的所有功能，这时你可以学习一些html和css，在主题允许的部分写入自己想要的模块，也可以和主题发布者在GitHub上沟通，又或者阅读文档| Hexo，添加一些自定义功能。每个人的需求千变万化，这里指出方向，便不再展开了。

• 显示网站访问数据：不蒜子

• 实现右下角那只小黑喵（也可以是看板娘）的插件：hexo-helper-live2d

• 更换markdown渲染器提升写作体验：hexo-renderer-markdown-it

Step4：写作

Hexo会将用markdown撰写的文档转换为静态网页，因此学习markdown写作是必须的。但这是一项不必提前学习的内容，一边写作一边记忆它的基础语法即可。

在视频教程中的Vim或者Notepad++这类文本编辑器进行markdown写作自然是可行的，但无法进行渲染效果的即时预览，因此我推荐使用Typora这个功能强大的markdown编辑器，如果你同时学习编程，VS Code搭配相关扩展也是一个好的选择。

关于markdown

Markdown是一种纯文本格式的标记语言。通过简单的标记语法，它可以使普通文本内容具有一定的格式。

比如*斜体*,**粗体**，使用*做简单的标记即可生成斜体，粗体等你想要的文本格式，甚至生成表格与流程图。

markdown让人摆脱了Office Word中繁复的排版流程，可以专注于内容，只使用键盘就完成一篇布局清爽的文章。如今支持markdown写作的平台已经很多了，比如简书、知乎等等。使用Typora这类编辑器，还能轻松导出pdf，word，html，LaTex，Epub等需要的格式。

五分钟学完的Markdown基本语法

Step 5: SEO

使Google、百度收录自己的博客内容。

杂

Markdown表格：合并单元格与设置单元格颜色

暗黑模式

相册、友链等

---

搭建不是难事，写作贵在坚持。

记录、分享自己的经验，我们一同进步。