Fork me on GitHub

遇见hexo

github page与hexo搭建博客

一篇水水的技术分享。大佬勿喷

大概很久之前就想拥有属于自己的博客了,自己是想完全靠自己搭建一个包括网站源代码,域名服务器购买,网站备案都由自己搞定,但是总是没时间后来就忘记了。之后听说Hexo可以帮我们搭建属于自己的博客而且也没有其他现有博客那么多限制,可以自己DIY。于是我就跟着hexo官方文档还有Next主题的官方文档一步一步搭建起现在的这个博客。接下来分享一些搭建时候的心路历程。

HEXO

Hexo是一款基于Node.js的静态博客框架,依赖少易于安装使用,可以方便的生成静态网页托管在GitHub和Heroku上,是搭建博客的首选框架。这里我选用的是GitHub。如果想要更加全面的了解Hexo,可以到其官网了解更多的细节。

下载node,git

在下载git的过程中不要点击“仅仅使用git bash”,点击“与Windows命令行结合”,本人遇到的坑就在这里,使用命令行输入稍后将要输入的命令hexo d进行部署的时候报了错,需要在git bash输入这句语句才有效。

GitHub page的配置

去到GitHub新增一个仓库,名字跟用户名一样,如“yourname.github.io”。

用SSH keys关联Hexo与Github Pages

在git bash中输入语句ssh-keygen -t rsa -C "注册Git的邮箱地址"
接着会生成一个密钥,去到存放这个密钥的文件夹中找到id_rsa.pub,如“C:\Users\Administrator.ssh”,将其中内容复制粘贴到https://github.com/settings/ssh 的 new SSH key中。接着输入ssh -T git@github.com查看是否设置成功。

新建文件夹放置博客内容

在命令行使用npm安装hexo,步骤如下:

1
2
3
4
5
npm install hexo-cli -g
hexo init blog
cd blog
npm install
hexo server

此时在浏览器中打开http://localhost:4000/ 就可以浏览博客了。

配置Deployment

在_config.yml文件中,找到Deployment,然后按照如下修改:

# Deployment
## Docs:https://hexo.io/docs/deployment.html
deploy:
type: git
repo: git@github.com:yourname/yourname.github.io.git
branch: master

本地文件提交到Git Pages

1
2
3
4
5
6
7
8
9
10
// 删除旧的 public 文件
hexo clean
// 生成新的 public 文件
hexo generate
或者
hexo g
// 开始部署
hexo deploye
或者
hexo d

需要安装一个扩展
npm install hexo-deployer-git --save
然后在浏览器中输入 https:/yourname.github.io (用户名改成你的)看到了 Hexo 与 GitHub Pages 已经成功关联了。至此博客就算搞定啦~

致谢

即将成为史上最具用户体验的Hexo+GitHub Pages搭建博客的教程