Hexo进阶高级教程(一)

Hexo+yilia主题配置

紧接上一篇文章Hexo的那些事儿继续探讨Hexo的主题设置、域名绑定以及附加功能设置。

本文地址：http://tigerliu.site/2017/06/hexo-1/

yilia主题安装

• 切换到我们的项目，利用git下载主题文件

$ git clone https://github.com/litten/hexo-theme-yilia.git themes/yilia

• hexo配置

找到hexo根目录下的 _config.yml 修改 theme: yilia

• 获取最新文件

cd themes/yilia
git pull

Hexo 头像设置、ico图标设置

将头像图片、ico图标放到主题source/img下面
打开主题目录下面的配置文件_config.yml

• 修改头像：ctrl+f 搜索avatar改成你自己的头像/img/avatar.jpg
• 修改头像：ctrl+f 搜索favicon改成你自己的图标/img/favicon.ico

建议使用jpg格式的图片文件，当然其他格式也行

favicon: /img/favicon.ico

#你的头像url
avatar: /img/avatar.jpg

Hexo 打赏设置

将二维码图片放到主题source/img下面
打开主题目录下面的配置文件_config.yml

• ctrl+f 搜索reward_wording 修改打赏文字
• alipay 设置支付宝图片地址
• weixin 设置微信支付图片地址

# 打赏wording
reward_wording: '谢谢你请我吃糖果'
# 支付宝二维码图片地址，跟你设置头像的方式一样。比如：/assets/img/alipay.jpg
alipay: /img/alipay.jpg
# 微信二维码图片地址
weixin: /img/wechatpay.jpg

效果：

阅读更多设置

yilia 主题默认展示全部，需要手动在md文章中添加 来截断文章
设置：

下面是显示文字设置：

• excerpt_link 文章截断按钮文字 默认为more 可自定义
• show_all_link 文章右下角常驻链接 默认为'展开全文' 可自定义
• mathjax 数学公式 默认为false 需要用到数学公式请打开
• open_in_new 点击文章链接是否在新窗口打开 默认为false

# 文章太长，截断按钮文字
excerpt_link: more
# 文章卡片右下角常驻链接，不需要请设置为false
show_all_link: '展开全文'
# 数学公式
mathjax: false
# 是否在新窗口打开链接
open_in_new: true

Hexo域名绑定

看到大神们的博客是不是觉得很高大上，别鸡冻 跟着小编一步一步 你也可以这么6！！！
下面介绍Hexo与github、coding的域名绑定

域名注册

下面为国内域名注册商，排名不分先后：
阿里云、腾讯云、百度云、新网、西数
小编是在阿里云万网注册的，.site/.me/.top/.info/.website/.win等基本都比较便宜，几块钱就可以玩一年，是不是很兴奋，赶紧去注册一个！！！
注册流程按照官网来就好了。

解析DNS

购买完后，需要解析DNS地址。以阿里云为例，登录万网 在页面的最左侧管理控制台--》域名与网站（万网）--》选择域名 （见下图）

• 点击添加解析，记录类型选择CNAME，记录值填github给的地址，如：tiger6.github.io,解析线路选择海外，如果你有coding 解析线路就默认就好了（因为coding比github快很多），主机记录设置两个www和@ 然后点击保存就OK了。

Hexo CNAME设置

hexo--》source文件夹下新建一个CNAME文件,里面加上你刚刚购买的域名，例如：tigerliu.site

PS:新建的CNAME 一定不要带任何后缀名，否则报错

github域名绑定

打开我们的github项目，点击Settings按钮

PS：github这里只能绑定一个域名

第一次加载

万事俱备是该走一波了，分别运行hexo clean,hexo d -g 发布查看你的博客！！！
地址栏输入你购买的域名，然后就是见证奇迹的时候。。。。。。撒花。。。

• PS:运行报错或者访问有问题，可在下面留言

在我的第二篇Hexo进阶高级教程(二)会讲解：

• 七牛云图床--用来做图片存储管理
• SEO优化--让更多的人通过搜索引擎搜到我们
• 网易云跟帖--文章的留言区
• leancloud阅读统计--统计阅读量
• 百度、谷歌统计--网站流量统计

相关链接：
Hexo+github博客搭建
Hexo进阶高级教程(二)
Hexo进阶高级教程(三)

实际效果展示可移步个人博客 -- Tigerliu Blog