为什么写博客，如何使用GithubPages+hexo搭建个人博客站点

引言

我们经常看博客，也很多人写博客，也有很多人搭建了自己的博客站点，那么我们为什么要写博客？又为什么要搭建个人博客？如何搭建个人博客？

做一件事情我们需要知道它的意义所在，不然你并不能从里面收获什么。所以，我们需要先搞清楚为什么要写博客，而后为什么又要搭建个人博客，接下来，我将从这几个方面展开我的内容。

1、 为什么要写博客？

1.1、 好记性不如烂笔头

写博客，是将一件事情或一个问题写下来了，不管你是写在了自己的云笔记，还是某个博客平台，总之，在你忘记的时候，你能找到它并看到自己以前写的东西。

很多时候，我们可能以为记下来的一些问题的答案或者思考过程，过段时间其实发现已经记不起来了，而记下来是有迹可循的，以后再遇到同样的问题的时候可以节省很多时间。

1.2、 教是最好的学

写博客这一过程，是把一个问题、一件事情、一个知识点讲清楚的过程，而这篇博客写得好不好、有没有意义，关键就在于是否把这个问题讲清楚了，是否让看你这篇博客的人看完之后能明白。

如果一件事情你还不能讲清楚，十有八九你还没有掌握它。当我们描述一个问题的时候，我们首先要知道如果要把这个问题讲清楚，我的读者需要知道哪些概念和知识点，然后需要在我们的知识体系中搜寻这些知识点，只有完完全全理解一个问题的人，才能把它讲清楚。
在讨论中提升自己。我们写出来的东西发到网上后，往往能看到一些反对的言论或者提出的不同解决方案亦或是bug，而这些东西，可以让我们看到自己在思考这个问题的过程中遗留了哪些东西，从而继续改进。

1.3、 创造价值

坚持写博客，把你的一些思考过程、调研结果记录下来，这将是一个有价值的博客，无疑会给你的简历加分。
可以在博客中投入广告，获得盈利。

2、 为什么要搭建个人博客

如今有那么多的博客平台，为什么要搭建个人博客？个人站点虽然要花费自己一些时间，但是好处还是有很多的。

• 更加自由 ，我的地盘听我的（样式、内容，广告）
• 不用担心内容被改、博客被删事件的发生，一切权利在自己手上
• 可以防止公司转移侧重点，不再重视、宣传博客这一块
• 成为自己的一张名片，打造自己的品牌

3、 如何搭建个人博客

3.1、 准备工作

搭建一个博客站点，首先需要存储的空间，用来存放你的内容，第二需要一个域名，可以链接到站点，第三需要一堆静态网页和样式文件，这就是你的站点显示的内容。 然而不是所有人都会搭建服务器，不是所有人都会前端写css和html，所以我们可以借助一些已有的工具或框架来帮助我们搭建。

3.1.1、 GithubPages

Websites for you and your projects.Hosted directly from your GitHub repository. Just edit, push, and your changes are live.

这是官网的介绍，不难理解，翻译过来就是：一个属于你和你的项目的网页。你可以直接从Github仓库建站，网页将会随着你的编辑和发布动态变化。

GithubPages的特点：

• 静态博客，配置型强
• 轻量级博客系统，配置简单，无需自己搭建服务器
• 每个站点拥有300M的免费空间
• 可以绑定自己的域名。

3.1.2、 hexo

Hexo is a fast, simple and powerful blog framework. You write posts in Markdown (or other languages) and Hexo generates static files with a beautiful theme in seconds.

Hexo是一个基于Node.js的快速、简单、强大的博客框架。你可以使用markdown或者其他语言编写内容，hexo会使用一些好看的主题快速地生成相应的静态页面。

hexo特点：

• 风一般的速度：Hexo基于Node.js，支持多进程，几百篇文章也可以秒生成。
• 流畅的撰写：支持GitHub Flavored Markdown和所有Octopress的插件。
• 扩展性强：Hexo支持EJS、Swig和Stylus。通过插件支持Haml、Jade和Less.

所以，hexo是一个帮助我们这些不懂前端的人构建静态网页的一个框架。

3.2、 开始搭建站点

3.2.1、 新建Github仓库

github的注册和登录不必说，和各大网站一样。
新建一个仓库，注意仓库名格式固定，xxx.github.io，其中xxx为github注册时填写的名字。按照提示一步一步完成即可。

3.2.2、 配置环境

首先需要安装Git，用来上传和下载代码、文件。
hexo是基于Node.js，所以还需要安装Node.js。二者都是在官网找到自己电脑对应的版本下载安装即可，环境变量无需配置，安装过程中已经配好。

最后，我们需要安装hexo。在任意处右键选择gitBash，进入git命令行

输入命令：npm install hexo-cli -g
安装完成之后输入命令：npm install hexo –save
最后输入-v命令查看版本信息验证是否安装成功：

3.2.3、 初始化hexo

安装与配置完这些环境之后，就可以使用hexo开始管理我们的博客了。首先，我们需要指定一个文件夹（最好新建一个文件夹，不要有中文路径）来存放hexo的一些配置、内容等。然后在该目录下进入git命令行，输入hexo init命令开始初始化hexo。

init命令可能需要花费比较长的时间，请耐心等待。

ok，终于把东西都搞好了，这时候，我们可以在本地查看效果了，同样打开git命令行输入命令：
hexo g ：生成内容
hexo s ：开启本机服务器
在浏览器地址栏输入：localhost:4000，就会看到默认的站点样式了！

3.2.4、 上传到github

在本地看到了站点的效果，但是我要的是大家都可以看到啊，不是只有局域网内的才可以看啊。不要急，等我们把它传到github上就ok了。
首先配置站点文件（刚刚你新建的hexo主目录下的_config.yml文件），设置deploy选项为你的github信息。

配置好之后保存，然后在命令行中输入命令：
hexo g
hexo d ： 发布上传到github

这个过程就是通过git上传代码到github，所以会弹窗让你输入github的用户名和密码，输入就ok了，如果不想每次这么麻烦，可以设置SSH，这是题外话了。
上传成功之后，浏览器输入：xxx.github.io，就能看到你的博客站点有了默认的内容！快接近成功了！

3.2.5、 设置主题

搭建成功之后，就是我们的配置了，如果不喜欢hexo的默认主题的话，可以自行下载喜欢的主题，放到hexo根目录下的themes文件夹中（里面会有一个默认的landscape），再编辑站点配置文件，将主题替换为刚刚下载的主题即可。

可前往hexo的wiki中查看可使用的一些主题：
https://hexo.io/themes/

3.2.6、 博客配置

首先我们需要知道两个配置文件，一个是在hexo根目录下的_config.yml，我们称之为站点配置文件，一个是themes文件夹下面的某一个主题中的_config.yml文件，我们称之为主题配置文件。站点配置文件中修改你的博客站点的标题、头像、主题、语言、github地址等设置，主题配置文件中修改站点显示的内容样式、菜单栏、页面分类等设置。
以使用最多的next主题为例，具体详细的配置可以在官网查看：
开始使用 - NexT 使用文档

写博客、添加页面这些操作都可以在文档中找到，还是比较简单的。

博客必备的评论分享功能，next主题也为我们备好了，只需要在相应的网站注册然后填写key值就ok。

另外，如果想要了解站点的访问情况，可以添加百度统计、腾讯统计、谷歌分析等统计途径，在相应网站注册域名并且将id或者key配置到主题配置文件中即可。

3.2.7、 域名绑定

这是一个可选操作，如果你想要用自己的域名来访问站点的话，当然要进行一些配置。

首先是购买域名，可以在阿里云或者Godaddy（支持支付宝支付）上购买，挑选一个自己喜欢的并且还没被注册的域名购买就是了，也不太贵。

设置域名解析，可以使用国内的DNSPod解析域名，速度比较快，具体设置可以看官网介绍。

最后是在github仓库中设置，在我们新建的仓库的根目录下新建一个CNAME文件，不要后缀，内容为你申请的域名。

3.3、 开启博客之旅

至此，博客的配置已经全部OK啦，打开浏览器，输入你申请的域名，如http://lizebin.info，就可以开始你的个人博客之旅啦~

最后，谢谢大家耐心看完，也欢迎大家访问我的个人博客站点：
码农Moore的Android路

再次感谢！
转载请注明出处