做一个现实的理想主义者

用Hexo+Github搭建属于自己的免费博客 - 【耍蛇】

2017.04.07

吐槽

一直想掌握一门编程语言,学过很多,可却没一个坚持下去的,终究八窍通了七窍——一窍不通。

受限于个人成长的需要,确确实实得掌握一门能用于数据分析的编程语言,R、Python均可以,但Python可以做得更多,比如数据采集——爬虫,故而确立Python学习计划(后续文章)。

作为程序猿,独立博客几乎是必备的,同时掌握Git,代码托管到Github也是非常必要的。

综合考虑,Hexo+Github的独立博客方案是最为靠谱的。查阅众多资料,来来回回折腾了好多次后,便有了这篇博文。

准备工作

安装Hexo很简单,但是必须有相应的运行环境。

  • Node.js
  • Git

Node.js 以及 Git 都是可以从它们的官网上下载安装程序安装的,安装的过程也很简单,基本上一直下一步就OK了。

Hexo官方提供的文档上讲,安装Node.js的最佳方式是使用nvm。

通过下面两个命令可以查看Node.js 和 Git 是否安装成功。

$ node -v
$ git version

如果返回来的结果均是显示的版本号,则证明安装成功啦~

返回结果

安装Hexo

首先需要在本地新建一个文件夹作为你的博客网站目录,比如我在本地新建了一个名为blog的文件夹作为hexo的安装目录。

接下来便是安装Hexo了,在命令行窗口通过cd、ls两个命令切换到blog目录下,然后执行下面的命令:

安装hexo

我已经安装过了,可能与你那边的返回结果不同。

可以通过"hexo -v"命令查看安装结果。

安装结果

至此,hexo安装完成了。

配置Hexo

还是在blog目录下进行下面操作。

初始化Hexo

$ hexo init

安装依赖组件

$ npm install

有部分组件可能需要单独安装,如果出现啥问题,请查阅hexo官方网站提供的文档。

生成静态文件

& hexo generate

本地预览

$ hexo server

启动服务器。默认情况下,访问网址为: http://localhost:4000/

至此,Hexo的本地配置就完成了。

关联Github

接下来,便是关联Github了。

首先去Github注册账号,接着创建Github pages 创建,只需要将Repository name 设置为 用户名.github.io 即可。

比如:laoertongzhi.github.io ,我的Github用户名为laoertongzhi。

查看仓库的推送地址,如下图所示:

查看仓库的推送地址

接着配置Git个人信息,告诉Github提交者是谁。

$ git config --global user.name "laoer"
$ git config --global user.email "qiujialaoer@gmail.com"

这是全局设置,简单的说,不管你用Git向哪个仓库提交内容,都是这个个人信息。可以针对不同的仓库设置不同的个人信息,这个会在以后的Git相关的文章中讲述。

然后,生成密钥。

$ ssh-key -t rsa -C "qiujialaoer@gmail.com"

查看你的密钥,然后告知Github你的密钥。

查看密钥

因为我用的是Mac系统,默认情况下,.ssh文件是隐藏的,需要使用“ls -a”查看所有的文件/文件夹(包括移仓的),然后用“cat id_rsa.pub”查看你的密钥。

告知Github你的密钥

在Github的个人设置下的SSH adn GPG keys处填写你的密钥,title可以随意填写,建议填写你的电脑名称,如上图。

最后,需要在你的站点设置文件夹上更新部署网站的设置。

设置部署网站信息

打开根目录下的站点设置文件_config.yml,找到deploy,按上图进行设置。注意:repo属性值请填写你的Github pages 的仓库推送地址。

至此,关联github的操作基本完成,进行下面的操作推送你的Hexo到Github上。

$ hexo clean
$ hexo d -g

"hexo clean"命令为清除缓存。

“hexo d -g”是一个组合命令,其作用是生成静态文件然后推送内容到远程仓库。

然后,我们可以访问 qiujialaoer.github.io 查看你的博客。注意:qiujialaoer 更换你的Github用户名。

到这里,你就拥有了一个基于Hexo+Github的免费个人博客。

绑定域名

既然我们的目标是独立的博客,没有自己的域名怎么能行。

首先你得有一个域名,接下来,需要与你的Github pages 进行绑定。

在你的站点目录下,找到source文件夹,新建一个名为CNAME的文件,用编辑器打开,填入你的域名。

例如:

绑定域名

接下来,你需要做域名解析,具体的解析如下:

域名解析

记录值请填写你的Github pages 的地址。

然后重新生成静态文件,提交内容到Github上,等待10分钟左右的时间,就大功告成了。

至此,整个教程基本结束,不出意外,这个时候你就已经拥有了一个自己的独立的、免费的博客。

常见问题

主题使用:

建议使用Next主题,推荐理由为:简洁,且有着完整的文档。

遇到问题:

如若你在使用的过程中遇到问题,建议你先看Hexo的官方文档,多使用搜索引擎找解决方案。

Comments
Write a Comment