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

效果：

效果

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按钮

找到GitHub Pages-->Custom domain 填上刚才购买的域名点击Save 就可以看到上面的提示信息 Your site is published at http://tigerliu.site/ 代表绑定成功

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

第一次加载

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

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

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

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

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

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