如何更换hexo的主题

hexo默认主题欣赏不动,总结如何更换hexo的主题

流程

  1. 选择主题
  2. 下载主题
  3. 配置主题
  4. 查看效果

实施

第一步:选择博客主题

  如果是刚创建的博客则采用 hexo 的默认主题 landscape,如果你喜欢这个主题的话,请跳过该篇博客 接下来我推荐一个帖子,哪里有一些主题, hexo 博客主题贴 hexo 博客主题贴 hexo 博客主题贴

第二步:下载博客主题

  clone 主题代码(本文以 yilia 主题做示范) 在博客目录下执行下面的命令 clone 主题代码:

1
2
$ git clone https://github.com/litten/hexo-theme-yilia.git
themes/yilia

第三步 :修改配置文件

1.修改 Blog/_config.yml 文件:

1
theme: yilia    //默认为landscape

2.修改 themes/yilia/_config.yml 文件:

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
# Header
menu:
    主页: /
    所有文章: /archives
    丝茉茉: /categories/simomo/
    相册: /photos
# SubNav
subnav:
    github: "#"
    weibo: "#"
    zhihu: "#"
    rss: /atom.xml
# Content
excerpt_link: 阅读全文
fancybox: true
mathjax: true
top: true
# 是否开启动画效果
animate: true
# 是否在新窗口打开链接
open_in_new: false
# Miscellaneous
google_analytics: ''
favicon: /favicon.ico
[[你的头像url]]
avatar: /img.png
[[是否开启分享]]
share_jia: true
share_addthis: false
[[是否开启多说评论,填写你在多说申请的项目名称]] duoshuo: duoshuo-key
[[若使用disqus,请在博客config文件中填写disqus_shortname,并关闭多说评论]]
duoshuo: jarson7426
[[是否开启云标签]]
tagcloud: true
[[是否开启友情链接]]
[[不开启]]——
friends: false
[[开启]]——
[[friends]]:
#  百度一下: http://www.baidu.com
#  淘宝商城: http://www.taobao.com
[[是否开启]]“关于我”。
[[不开启]]——
[[aboutme]]: false
[[开启]]——
aboutme: true

第四步:查看效果

  更改主题之后可以使用命令 hexo server 打开本地服务,查看效果。