Hexo 支持个性化定制主题,可以根据自己的喜好进行修改,想获取更多主题点击这里哦。
一、安装主题
目前使用的主题是:yilia
在博客的根目录下(即上一篇文章使用Hexo框架自由搭建博客中提到的 Blog 文件夹下) 克隆主题
$ git clone https://github.com/litten/hexo-theme-yilia.git themes/yilia
执行:
$ vim _config.yml
将 theme 对应的值进行修改
theme: yilia
接着就自动部署一下:
$ npm install hexo-deployer-git --save
最后发布:
$ hexo clean && hexo g && hexo d
稍等片刻看一下自己的博客主页,你想要的效果就出现了。也可以点击 更多,挑选自己喜欢的主题进行修改,只要你快乐就好。
二、主题配置
现在主题是更改过来了,但还有许多细节需要处理,比如说你需要修改头像等等。
首先进入到根目录下的 themes\yilia 文件夹,执行
$ vim _config.yml
就能看到这样信息,我是这样配置的:
# Header
menu:
主页: /
所有文章: /archives
# 随笔: /tags/随笔
# SubNav
subnav:
github: "https://github.com/Sjunxiao" //github地址
#weibo: "#" //微博地址
rss: "//www.greatytc.com/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" //设置头像图片,可以直接拷贝Github头像链接
#是否开启分享
share_jia: true
share_addthis: false
#是否开启多说评论,填写你在多说申请的项目名称 duoshuo: duoshuo-key
#若使用disqus,请在博客config文件中填写disqus_shortname,并关闭多说评论
duoshuo: true //使用'多说'评论
#是否开启云标签
tagcloud: false
#是否开启友情链接
#不开启——
#friends: ture
#开启——
friends: //下面可以设置自定义友情链接
#是否开启“关于我”。
#不开启——
#aboutme: false
#开启——
aboutme: 像少年啦飞驰 //介绍
配置完成以后,回到 根目录(即上一篇文章使用Hexo框架自由搭建博客中提到的 Blog 文件夹),按顺序执行命令就OK啦。
$ npm install hexo-deployer-git --save
$ hexo clean && hexo g && hexo d
收工,主题设置完毕,可以快乐玩耍啦。