使用hexo搭建github.io博客-更换主题

在搭建配置github教程完成后,我们知道了要怎么来发布博客文章,但是,这个博客丑了点,这篇就来说说怎么更换主题让博客变得高大上

一.寻找喜欢的主题

可以在https://github.com/hexojs/hexo/wiki/Themes 这里找到自己喜欢的主题

我自己找到了一款更好看的

以我自己的安装过程为例:

二.安装主题:

到hexo所在的路径下E:hexo,右键打开Git Bush,执行:

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

三.使用主题:

打开_config.yml做如下修改:

theme: yilia

四.更新主题:

主题配置在E:\hexo\themes\yilia下的_config.yml:

我是这样配置的:

Header

menu:
  主页: /
# SubNav
subnav:
  github: "https://github.com/Berome"
  weibo: "https://weibo.com/5831380813/profile?rightmod=1&wvr=6&mod=personinfo&is_all=1"
  #rss: "#"
  zhihu: "https://www.zhihu.com/people/ding-dang-mao-70-78/activities"
  #qq: "#"
  #weixin: "#"
  #jianshu: "#"
  #douban: "#"
  #segmentfault: "#"
  #bilibili: "#"
  #acfun: "#"
  #mail: "mailto:litten225@qq.com"
  #facebook: "#"
  #google: "#"
  #twitter: "#"
  #linkedin: "#"

rss: /atom.xml

# 是否需要修改 root 路径
# 如果您的网站存放在子目录中，例如 http://yoursite.com/blog，
# 请将您的 url 设为 http://yoursite.com/blog 并把 root 设为 /blog/。
root: /

# Content

# 文章太长，截断按钮文字
excerpt_link: more
# 文章卡片右下角常驻链接，不需要请设置为false
show_all_link: '展开全文'
# 数学公式
mathjax: false
# 是否在新窗口打开链接
open_in_new: false

# 打赏
# 打赏type设定：0-关闭打赏； 1-文章对应的md文件里有reward:true属性，才有打赏； 2-所有文章均有打赏
reward_type: 2
# 打赏wording
reward_wording: '谢谢你请我吃糖果'
# 支付宝二维码图片地址，跟你设置头像的方式一样。比如：/assets/img/alipay.jpg
alipay: /uploads/zhifu.jpg
# 微信二维码图片地址
weixin: /uploads/weixin.jpg

# 目录
# 目录设定：0-不显示目录； 1-文章对应的md文件里有toc:true属性，才有目录； 2-所有文章均显示目录
toc: 1
# 根据自己的习惯来设置，如果你的目录标题习惯有标号，置为true即可隐藏hexo重复的序号；否则置为false
toc_hide_index: true
# 目录为空时的提示
toc_empty_wording: '目录，不存在的…'

# 是否有快速回到顶部的按钮
top: true

# Miscellaneous
baidu_analytics: ''
google_analytics: ''
favicon: /favicon.png

#你的头像url
avatar: /uploads/berome.jpg

#是否开启分享
share_jia: true

#评论：1、多说；2、网易云跟帖；3、畅言；4、Disqus；5、Gitment
#不需要使用某项，直接设置值为false，或注释掉
#具体请参考wiki：https://github.com/litten/hexo-theme-yilia/wiki/

#1、多说
duoshuo: false

#2、网易云跟帖
wangyiyun: false

#3、畅言
changyan_appid: false
changyan_conf: false

#4、Disqus 在hexo根目录的config里也有disqus_shortname字段，优先使用yilia的
disqus: false

#5、Gitment
gitment_owner: false      #你的 GitHub ID
gitment_repo: ''          #存储评论的 repo
gitment_oauth:
  client_id: ''           #client ID
  client_secret: ''       #client secret

# 样式定制 - 一般不需要修改，除非有很强的定制欲望…
style:
  # 头像上面的背景颜色
  header: '#4d4d4d'
  # 右滑板块背景
  slider: 'linear-gradient(200deg,#a0cfe4,#e8c37e)'

# slider的设置
slider:
  # 是否默认展开tags板块
  showTags: false

# 智能菜单
# 如不需要，将该对应项置为false
# 比如
#smart_menu:
#  friends: false
smart_menu:
  innerArchive: '所有文章'
  friends: '友链'
  aboutme: '关于我'

friends:
  西南民大物联网科协: http://smuiot.cn/
  

aboutme: 我从来不愿向别人说起我的名字，我觉得这是很私密的东西。<br><br>但是如果你下一次在面店碰见我，如果我点的是大碗牛肉面，你可以叫我一声丁博。<br>我会同你付钱。

五.测试推送:

回到E:hexo,执行:

hexo g 
hexo s

打开localhost:4000预览,就可以看到新的主题了
七.发布主题:

---

hexo d

发布到github.io

---

转载请注明出处@Berome

打赏