0%

使用Hexo、Github搭建博客全过程

记得第一个独立博客是几年前使用emlog搭建在sae的,后来因为sae的I/O等诸多限制不得不转战其他服务商,后来经过一些选择就使用bae搭建了WordPress博客,果不其然,过了不久bae又开始了强制备案。。无奈,只得选择使用国外服务器自建博客,今天发现使用Hexo和Github来搭建静态博客还不错,故记录下详细过程,以供参考。

注册Github、添加SSH key 、创建username.github.io

注册自然不用多说,直接来添加SSH key,windows可通过Git Bash来执行以下命令生成SSH key

1
ssh-keygen -t rsa -C "your_email@youremail.com"

一路回车将id_rsa.pub复制添加到github-settings-ssh keys即可

创建repository,格式为username.github.io

安装Hexo

执行以下命令:

1
npm install-g hexo

初始化:

1
hexo init

生成静态资源:

1
hexo g

启动服务:

1
hexo s

创建文章:

1
hexo new [layout] <title>

启动完成后可通过 http://localhost:4000/ 来访问

配置_config.yml

配置一些基本信息就不多说了,直接说怎么配置上传github,打开_config.yml,找到deploy,按照以下内容添加修改即可

1
2
3
4
deploy:
type: git
repository: git@github.com:username/username.github.io.git
branch: master

hexo需执行以下命令,否则上传不到github

1
npm install hexo-deployer-git --save

执行以下命令部署到github

1
hexo deploy

然后访问username.github.io就可以看到效果啦!

以后每次部署需执行下面三步命令:

1
2
3
hexo clean
hexo g
hexo d

绑定独立域名

在source文件夹新建CNAME文件内容为你的域名即可,例如:kulove.cc,最后将记录类型为CNAME的@、www解析到username.github.io即完成独立域名绑定。

安装主题

ok,到这里hexo的安装已经告一段落了,但俗话说的好,人靠衣装马靠鞍,接下来我们要去换一款主题,这里以NexT为例

1
2
cd your-hexo-site
git clone https://github.com/iissnan/hexo-theme-next themes/next

然后将_config.yml里的theme改为next即可。