Hexo 支持個(gè)性化定制主題,可以根據(jù)自己的喜好進(jìn)行修改,想獲取更多主題點(diǎn)擊這里哦。
一、安裝主題
目前使用的主題是:yilia
在博客的根目錄下(即上一篇文章使用Hexo框架自由搭建博客中提到的 Blog 文件夾下) 克隆主題
$ git clone https://github.com/litten/hexo-theme-yilia.git themes/yilia
執(zhí)行:
$ vim _config.yml
將 theme 對應(yīng)的值進(jìn)行修改
theme: yilia
接著就自動部署一下:
$ npm install hexo-deployer-git --save
最后發(fā)布:
$ hexo clean && hexo g && hexo d
稍等片刻看一下自己的博客主頁,你想要的效果就出現(xiàn)了。也可以點(diǎn)擊 更多,挑選自己喜歡的主題進(jìn)行修改,只要你快樂就好。
二、主題配置
現(xiàn)在主題是更改過來了,但還有許多細(xì)節(jié)需要處理,比如說你需要修改頭像等等。
首先進(jìn)入到根目錄下的 themes\yilia 文件夾,執(zhí)行
$ vim _config.yml
就能看到這樣信息,我是這樣配置的:
# Header
menu:
主頁: /
所有文章: /archives
# 隨筆: /tags/隨筆
# SubNav
subnav:
github: "https://github.com/Sjunxiao" //github地址
#weibo: "#" //微博地址
rss: "http://www.itdecent.cn/users/fb696dcbd06b/latest_articles" //訂閱地址,我填的是自己的簡書主頁地址。
#zhihu: "#" // 下面這些前面帶#的,就不顯示在主頁上,如果有賬號,就可以打開
#douban: "#"
#mail: "#"
#facebook: "#"
#google: "#"
#twitter: "#"
#linkedin: "#"
rss: /atom.xml
# Content
excerpt_link: more
fancybox: true
mathjax: true
# 是否開啟動畫效果
animate: true
# 是否在新窗口打開鏈接
open_in_new: false
# Miscellaneous
google_analytics: ''
favicon: /favicon.png
#你的頭像url
avatar: "https://avatars2.githubusercontent.com/u/19587420?v=3&s=460" //設(shè)置頭像圖片,可以直接拷貝Github頭像鏈接
#是否開啟分享
share_jia: true
share_addthis: false
#是否開啟多說評論,填寫你在多說申請的項(xiàng)目名稱 duoshuo: duoshuo-key
#若使用disqus,請?jiān)诓┛蚦onfig文件中填寫disqus_shortname,并關(guān)閉多說評論
duoshuo: true //使用'多說'評論
#是否開啟云標(biāo)簽
tagcloud: false
#是否開啟友情鏈接
#不開啟——
#friends: ture
#開啟——
friends: //下面可以設(shè)置自定義友情鏈接
#是否開啟“關(guān)于我”。
#不開啟——
#aboutme: false
#開啟——
aboutme: 像少年啦飛馳 //介紹
配置完成以后,回到 根目錄(即上一篇文章使用Hexo框架自由搭建博客中提到的 Blog 文件夾),按順序執(zhí)行命令就OK啦。
$ npm install hexo-deployer-git --save
$ hexo clean && hexo g && hexo d
收工,主題設(shè)置完畢,可以快樂玩耍啦。