安装Hexo的Yilia主题

2024-01-03

总字数: 979字 | 阅读时长: 4分

Hexo的个性化定制
1.Yilia主题的安装
2.配置文件的修改
3.管理后台插件安装
4.评论插件的安装
5.主页文章列表翻页修改

1.Yilia主题的安装

Hexo博客根目录下打开git bash 输入命令

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

修改hexo根目录下的 _config.yml的theme: yilia 然后再更新：
cd themes/yilia
git pull

2.配置文件的修改

主题配置文件的修改，打开yilia目录下的_config.yml文件

# Header

menu:
  主页: /
  分类: /categories/index.html
  归档: /archives/index.html
  标签: /tags/index.html

# SubNav
subnav:
  github: "https://github.com/xxxx"
  weibo: "#"
  rss: "#"
  zhihu: "#"

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

文章在主页如何显示摘要：在文章内容需要截取的部分，添加注释:然后配置excerpt_link: false

# Content
# 文章太长，截断按钮文字
excerpt_link: false
# 文章卡片右下角常驻链接，不需要请设置为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: 
# 微信二维码图片地址
weixin: /img/alipay.jpg
# 你的头像url
avatar: /img/head.jpg
author: '祖国在我心'
#网页图标
favicon: /img/head.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: ''


#是否开启分享
share_jia: true

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

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

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

friends:
  Hexo: https://hexo.io/zh-cn/index.html
  友情链接2: http://localhost:4000/
  友情链接3: http://localhost:4000/
  友情链接4: http://localhost:4000/
  友情链接5: http://localhost:4000/
  友情链接6: http://localhost:4000/

aboutme: 很惭愧<br><br>只做了一点微小的工作<br>谢谢大家

3.管理后台插件安装

安装hexo admin插件
在博客hexo安装主目录下打开git bash
npm install --save hexo-admin
安装成功后,开启服务
hexo cl && hexo g && hexo s

打开后台管理：https://localhost:4000/admin,进行登录账号设置,最后配置博客主目录下的配置文件_config.yml

# hexo-admin authentification
admin:
  username: #管理员用户名
  password_hash: #配置生成的hash 密码
  secret: #密钥

4.评论插件的安装

Valine - 是一款基于LeanCloud的快速、简洁且高效的无后端评论系统。官方网址：https://valine.js.org/
由于LeanCloud服务器接口地址不稳定，配好的评论插件暂时不能用，就不多做介绍了。

5.主页文章列表翻页修改

打开yilia主题目录layout/_partial/archive.ejs文件，把Pre改成上一页，Next改成下一页。
打开layout/_partial/script.ejs文件，分别找到Pre、Next改成上一页、下一页即可。

学习参考文章：https://www.gaotianyang.top/archives/20200717e10c0cde/

阅读量