用Hexo＋Github搭建个人博客

技能、干货、感悟，在这里发现世界的美！

1.为什么要写博客？在什么平台上写博客？

最近我想把自己学过的一些知识复习整理一下，于是我就想到了通过写博客来记录的这种方式。其实在很早的时候我就看到很多大神都开通了自己的博客，并且文章质量很高，在写作分享之时也能够顺带提升自己的名气。

同时，在学习之余能够把相应的知识点进行归纳总结、写作整理的话，这在很大程度上能够帮助我们理解所学的知识。在此过程中，我们也能提高自己的写作能力和表达能力。

当然，需要说明的是，写博客肯定不是程序员的专长，不管你从事哪个行业，能够拥有自己的博客并且坚持写作分享的话，我觉得都是一件很幸福的事情。

博客写作平台很多，像CSDN、博客园等等都非常不错，但是我总觉得在第三方平台写作显得有点low，还有这些平台的一个缺点就是阅读体验很差，广告太多！

其次，我觉得简书这个写作平台挺不错的，很大的一个优势就是在手机端能够很方便的观看！要是嫌搭建博客麻烦的同学可以尝试在简书上写博客！

总之，搭建自己的博客肯定还是首选。这几天我在网上看了一些教程，自己试着完成了搭建，但是中间还是踩了一些坑，网上的教程稍微有点老了。所以我决定自己写一篇关于博客搭建的文章，尽量做到简化易懂，让大家快速上手完成。此次教程总共分为以下5个简单的步骤：

Node.js的安装

Git的安装

Hexo的安装

初次用Hexo配置博客

与Github相连接

在搭建之前，我们需要做一些准备工作：

Node.js安装包，官网上面很容易就能找到。

Git的安装包，这个在官网上面下载比较坑，反应很慢，这里提供一个最新的Windows64位的安装程序，下载地址：链接：https://pan.baidu.com/s/1pL3fkq3 密码：zjww

Github的账户申请，已经有Github账户的同学就不用进行这一步了，只不过需要特别注意的是你的账户一定要激活关联邮箱。

2.Node.js的安装

这是Node.js的安装页面

整个安装过程很简单，一直点击Next就行了！

然后检查一下，按win+R，输入cmd，调出命令提示符窗口。

然后依次输入这两条命令：

node -v

npm -v

如果出现上图显示的样子就说明安装成功了！否则就要重新安装一下。

3.Git的安装

Git的安装也很简单，打开安装程序，中间的步骤有点多，但是根本不用管，一直Next下去就行了。

安装完成后，还是一样的步骤，调出cmd，输入这条命令

git --version*注意这里是两条短横线！

如果出现上图显示的样子就说明安装成功了！否则就要重新安装一下。

4.Hexo的安装

在你的计算机的适当位置新建一个文件夹，命名为Hexo，然后调出cmd命令提示符，进入到该目录之下。

例如我在G盘下面新建了一个Hexo文件夹，然后进行如下操作：

然后在命令行中输入：

npm install hexo -cli -g

稍等一会之后，你会看到这样的显示，有一些警告，但是不用在意！

紧接着，再输入这条命令：

npm install hexo --save

稍等一会之后，可能会出现很多的警告，但是不用在意，然后输入这条命令查看是否配置成功：

hexo -v

如果出现上图所示的Hexo的基本信息的话，就说明配置成功了。

5.初次用Hexo配置博客

在适当的位置新建一个文件夹，这个文件夹就是你的博客文件，包含其他的一些配置文件。

例如：我在G盘新建一个Blog文件夹，然后调出cmd命令提示符，进入到该目录之下（和上一步的进入到Hexo文件夹的操作相同）。

输入这条命令：hexo init，稍等它完成之后，再输入：npm install

继续操作，输入：hexo g，你会看到以下内容：

再输入hexo s，出现这样的提示：

然后我们在浏览器输入这个网址：http://localhost:4000/，如果出现下面的界面的话，就说明成功了！

6.与Github相连接

首先，登录Gtihub，点击new repository，新建一个仓库。创建时请注意以下几点：

其中username就是你的Github账户名称，这个千万不要填错了！

然后，找到我们在第五步中新建立的文件夹，我的文件夹是G:\Blog，点击用记事本打开里面的_config.yml文件，拉到最后面，添加如下内容：

然后在Blog文件夹上点鼠标右键，选择Git Bash Here

进去之后，输入以下命令：

npm install hexo-deployer-git --save

完成之后，稍等一会，出现一下内容：

然后再输入这条命令：

hexo clean && hexo g && hexo d

这时可能会出现验证Github账号的对话框，输入账号密码即可。出现下面的内容则表示部署到Github完成！

7.如何发布博客？

找到我们的博客文件夹（我的是在G:\Blog目录下），进入source-_posts中，新建一个md文件，然后用Markdown编辑器打开编写内容。

然后再次用hexo d命令部署

最后，在浏览器输入地址：https://你的Github中的username.github.io

例如我的就是：https://roserduan.github.io

进去之后我们可以看到我们刚才编辑的博客内容，这个网址也就是以后我们的博客地址了！

做到这里就大功告成了！

关于后期的的更多配置内容，包括博客主题的修改等等，我会在后面和大家交流分享 。

如果你有关于这方面的经验的话，欢迎随时与我交流哦！

推荐阅读：

吐血分享珍藏的15条人生哲理！

我们的生活不是童话故事

1

END

1

【RoseDuan】

用心，做好每一篇

爱折腾的RoseDuan