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 文章中添加 <!– more –>来截断文章
设置：

效果：

下面是显示文字设置：

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

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

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

第一次加载

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

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

赏

×

纯属好玩

扫码打赏，你说多少就多少

打开支付宝扫一扫，即可进行扫码打赏哦