Hexo+yilia主題配置
緊接上一篇文章Hexo的那些事兒繼續(xù)探討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 數(shù)學公式 默認為false 需要用到數(shù)學公式請打開
- open_in_new 點擊文章鏈接是否在新窗口打開 默認為false
# 文章太長，截斷按鈕文字
excerpt_link: more
# 文章卡片右下角常駐鏈接，不需要請設置為false
show_all_link: '展開全文'
# 數(shù)學公式
mathjax: false
# 是否在新窗口打開鏈接
open_in_new: true
Hexo域名綁定
看到大神們的博客是不是覺得很高大上，別雞凍 跟著小編一步一步 你也可以這么6！！！
下面介紹Hexo與github、coding的域名綁定
域名注冊
下面為國內域名注冊商，排名不分先后：
阿里云、騰訊云、百度云、新網(wǎng)、西數(shù)
小編是在阿里云萬網(wǎng)注冊的，.site/.me/.top/.info/.website/.win等基本都比較便宜，幾塊錢就可以玩一年，是不是很興奮，趕緊去注冊一個！！！
注冊流程按照官網(wǎng)來就好了。
解析DNS
購買完后，需要解析DNS地址。以阿里云為例，登錄萬網(wǎng) 在頁面的最左側管理控制臺--》域名與網(wǎng)站（萬網(wǎng)）--》選擇域名 （見下圖）
點擊域名列表里面的解析
- 點擊添加解析，記錄類型選擇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 發(fā)布查看你的博客！！！
地址欄輸入你購買的域名，然后就是見證奇跡的時候。。。。。。撒花。。。
- PS:運行報錯或者訪問有問題，可在下面留言
在我的第二篇Hexo進階高級教程(二)會講解：
- 七牛云圖床--用來做圖片存儲管理
- SEO優(yōu)化--讓更多的人通過搜索引擎搜到我們
- 網(wǎng)易云跟帖--文章的留言區(qū)
- leancloud閱讀統(tǒng)計--統(tǒng)計閱讀量
- 百度、谷歌統(tǒng)計--網(wǎng)站流量統(tǒng)計
相關鏈接：
Hexo+github博客搭建
Hexo進階高級教程(二)
實際效果展示可移步個人博客 -- Tigerliu Blog
