前言
前几年闲着没事在GitHub Pages搭了一个Hexo,一直没怎么用,一些记录和心得什么的都放在CSDN上了,这回趁着时间多把Hexo重新拾起来,就从搭建开始重新写起吧。
搭建环境
Hexo是一个快速、简洁且高效的博客框架。Hexo使用Markdown(或其他渲染引擎)解析文章,在几秒内,即可利用靓丽的主题生成静态网页。
首先要找一个环境来搭Hexo,可以用本机、虚拟机或者云主机,我这次用的是AWS,所以以下的操作都是基于Linux的。我们都知道Hexo是基于node.js的,而且要在GitHub Pages上发布就肯定少不了git,所以准备工作就很明显了。
安装git
1
| $ yum install -y git-core
|
安装node.js
1 2
| $ curl -sL https://rpm.nodesource.com/setup_13.x | bash - $ yum install -y nodejs
|
检查是否安装成功
1
| $ git --version && node -v
|
这样我们的准备工作就完成了。
配置git
配置git全局信息
1 2
| $ git config --global user.name "GitHub用户名" $ git config --global user.email "GitHub邮箱地址"
|
创建SSH秘钥
1 2 3
| $ mkdir ~/.ssh $ ssh-keygen -t rsa -C "GitHub邮箱地址" $ cat ~/.ssh/id_rsa.pub
|
上传秘钥
将获取到的秘钥配置到GitHub网站,测试一下连接是否成功,这样git环境就配置完成了。
安装Hexo
安装hexo包和hexo-deployer-git
扩展
1 2
| $ npm install -g hexo-cli $ npm install hexo-deployer-git --save
|
初始化hexo
进入hexo目录
1 2
| $ cd /hexo $ npm install
|
配置Hexo
简单配置一下网站信息:
1 2 3 4 5 6 7 8 9 10 11 12 13
| title: 网站标题 subtitle: '网站副标题' description: '描述' keywords: 关键字 author: 作者 language: 语言 timezone: '时区'
deploy: type: 'git' repo: GitHub仓库地址 branch: master
|
生成静态页面:
1
| $ hexo generate //Hexo g
|
本地预览:
如果你使用的是远程vps,可以克隆一个会话使用elinks预览:
1 2
| $ yum install -y elinks $ elinks --dump http://localhost:4000
|
发布到GitHub Pages
通过以上步骤,Hexo本地环境已经搭建完毕,接下来要做的就是把本地环境部署到GitHub上去:
几分钟后就可以通过 https://lchkid.github.io 来访问博客了。
至此,我们通过GitHub创建了一个Hexo博客,后续可以再把Hexo美化一下。
补充
以下是很早前遇到过的一些小问题,也搬运过来在此简单记录:
npm问题,切换为taobaonpm即可,具体见 http://cnodejs.org/topic/4f9904f9407edba21468f31e
参考资料
Hexo官方docs https://hexo.io/zh-cn/docs