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:運行報錯或者訪問有問題，可在下面留言

在個人第二篇Hexo進階高級教程(二)會講解：

• 七牛雲圖牀--用來作圖片存儲管理
• SEO優化--讓更多的人經過搜索引擎搜到咱們
• 網易雲跟帖--文章的留言區
• leancloud閱讀統計--統計閱讀量
• 百度、谷歌統計--網站流量統計

相關連接：
Hexo+github博客搭建
Hexo進階高級教程(二)
Hexo進階高級教程(三)

實際效果展現可移步我的博客 -- Tigerliu Blog