Hexo 主题设置

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: "http://www.jianshu.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

收工,主题设置完毕,可以快乐玩耍啦。

你可能感兴趣的:(Hexo 主题设置)