如何使用github + hexo搭建一个属于自己的博客

1. 简介

hexo是一个静态博客程序,基于Node.js。有很多主题,大多都简约优雅,适合技术人员以及一些不喜欢博客里充斥着广告,奇怪的布局的人。而且hexo用markdown写,语法比较简单。
github可以托管一个通过特殊的地址访问到的page,可以通过hexo创建好博客然后托管到github上,空间也基本足够。
我使用它是因为我写博客只是想记录一些东西,自己的记忆力太差。而且如果分享出来如果有人一起研究探讨,甚至能帮助到其他人,那是多么快乐的一件事情。

2. 配置

本文是for Mac
Mac自带了git
配置好ssh
安装Node.js
确保npm安装成功

3. 在github上创建创库

每个github账户都可以创建一个可以直接通过‘用户名.github.io’访问到的仓库。
步骤:

1
2
3
4
① 在github上新建一个responsitory
② 给仓库命名为自己的用户名.github.io
③ 保存,过一小段时间就可以通过`用户名.github.io`访问了。
④ clone到本地,本文假设clone到一个名为blog的文件夹下。

4. 安装hexo

使用命令行安装:

1
npm install hexo-cli -g   #-g表示全局安装, npm默认为当前项目安装

5. 运行hexo

1
2
3
4
$ cd blog
$ hexo init #初始化
$ hexo g #这条是生成静态界面,也可以用hexo generate,g是缩写
$ hexo s #hexo server的缩写,启动服务器,现在你可以打开`http://localhost:4040/`看到你的界面了,初始化会创建好一个页面

6. 设置你想要的主题

我使用的主题是yelee
很简单,运行

1
$ git clone https://github.com/MOxFIVE/hexo-theme-yelee.git themes/yelee

然后修改blog下的_config.yml文件
theme: yelee

7. 部署到github

修改_config.yml

1
2
3
4
deploy:
type: git
repository: https://github.com/xianwx/xianwx.github.io.git(这里改成你自己的刚才新建的github responsitory)
branch: master

安装插件

1
npm install hexo-deployer-git --save

设置成功过后执行

1
$ hexo d #deploy的缩写,首次会让你输入账号密码

等待上传成功,可以打开http://xianwx.github.io看效果啦!

8. 添加多说

1
2
3
4
5
① 到http://duoshuo.com/create-site/新建一个站点
② 站点地址填http://xianwx.github.io 这个,域名随便写个,比如我是yuzixin

如果你使用跟我不一样的主题,跳过不看后面这步,去自己看主题里的配置方法。
③ 打开yelee/_config.yml,找到duoshuo,把on的值改为true,domain: 写自己的域名(上边的yuzixin)

9. 接入打赏

打开themes/yelee/layout/_partial/article.ejs下边,在div模块加上下边代码
代码段

然后在主题的_config.yml里加上

1
2
3
4
5
donate:
enable: true
text: 会不会有人就是想不开要打赏我呢?这是个问题!
wechat: http://odkw6ym6r.bkt.clouddn.com/weixin.png
alipay: http://odkw6ym6r.bkt.clouddn.com/zhifubao.png

10. 插件配置

在_config.yml里,有个plugins
在安装了插件过后,就可以在这里选择使用格式是:

1
Plugins: -hexo-generator-feed -hexo-generator-search

(我分行写会报错,只能一整行写过去)
更多plugins:https://hexo.io/plugins/

11. 图床

https://portal.qiniu.com/create注册一个账号
参考如何使用七牛

12. 如何保存自己的博客

今天想了一下怎么保存,思路是:
相同的仓库下新建一个目录,或者新建一个仓库
clone下来跟blog关联(还没开始的先clone下来然后hexo init那个文件夹,已经init过了clone下来然后把东西拷贝过去)
如果跟博客是相同的目录,checkout到保存的分支,反正使用hexo d是会推送到master分支的,也指定好仓库的,所以不需要担心
每次有修改push一下就好了。

13. about me and tabs

想写about me的话,使用hexo new about me.

14. 如何绑定域名

文章目录
  1. 1. 1. 简介
  2. 2. 2. 配置
  3. 3. 3. 在github上创建创库
  4. 4. 4. 安装hexo
  5. 5. 5. 运行hexo
  6. 6. 6. 设置你想要的主题
  7. 7. 7. 部署到github
  8. 8. 8. 添加多说
  9. 9. 9. 接入打赏
  10. 10. 10. 插件配置
  11. 11. 11. 图床
  12. 12. 12. 如何保存自己的博客
  13. 13. 13. about me and tabs
  14. 14. 14. 如何绑定域名
|