前言
最近看到阳春面的博客,感觉非常漂亮,正好最近也想自己搭个博客,记录一下自己的学习经历和生活感悟,给自己留下点回忆,同时整理一下自己的思路,于是就想仿照着弄一个类似的静态博客网站,正好最近有时间,而且内心搭博客的念头越来越汹涌,所以,说干就干!
主要内容
拉到阳春面博客的最下方,发现他的静态博客是Hexo驱动,使用的NexT.Mist主题,而且我非常喜欢这个主题,所以我完全就是冲着阳春面的博客效果去的,所以这片文章主要介绍:
1. 基于Hexo和github pages搭建静态博客
2. Next主题配置及优化
最终目标是实现阳春面博客那样的效果!另外,因为我用的电脑是Mac Pro,所以这篇文章所说的方法都是在mac下才有用的,windows下基本步骤类似,可能只是依赖工具安装方法不同。最后,我还没有申请和绑定自己的域名,所以域名注册和绑定都没有介绍,我认为,在自己真正开始经营博客之前,没有必要花钱注册域名,所以这部分工作留在博客小有名气,有一定流量之后再做!
基础准备
好,下面正式开始搭建博客!首先要想使用Hexo和github pages搭建博客,需要以下环境:
1. Github账号一枚,并创建一个指定名字的repo
2. Homebrew套件管理器,主要用来安装git和node.js
3. Git版本管理工具
4. node.js
5. 配置SSH key(可忽略)
6. 安装Hexo
7. 同步Hexo博客到github
8. NexT主题配置及优化(如果你喜欢别的主题,请忽略)
这些东西都不熟悉没关系,下面都会详细介绍。
注册Github账号并创建repo
因为我们的博客是基于github pages的,也就是博客内容都托管在github pages,所以需要有一个github账号,并且创建一个公开库(repo),用来存放你的博客。Github账号大家应该都有了,俗话说,没有Github 账号的程序员,不是好段子手,身为程序员,不加入这个全球最大的技术(搞基)社区怎么说的过去呢。如果还没有github账号,去这里申请一个就好了,申请步骤很简单,不再详述,记住选免费服务就可以。在github上创建public库是免费的,也就是传说中的创建开源库。创建private库是要付费的,我们使用github主要就是为了拥抱开源,如果没有特殊需求,创建public库就可以,我们一会儿要创建的博客仓库就是public库。
申请完账号,登陆之后,就可以创建repo了,点击New repository
,会跳转到这个界面:
需要注意的地方,我都在图上做了标注,这些标注里最需要注意的就是新创建的库的名字,必须是username.github.io
,等你创建库的时候,把username
换成你的用户名就可以,例如我的用户名是madongqiang2201,那库名就是madongqiang2201.github.io
。信息填写完毕,点击create repository
就可以把库创建出来。
要想进一步深入了解github,可以阅读这些资料:
安装Homebrew套件管理器
Homebrew并不是必须的,你也可以通过其他途径安装git和node.js,但是,个人认为Homebrew相当nice,而且在mac下管理安装包特别方便,所以在这里强行安利一波,Homebrew需要你的mac安装了Xcode,很多其他mac应用也需要,所以建议先安装一下,appstore里就有。装完Xcode之后,剩下的步骤就特别简单了,打开mac terminal终端,输入以下命令