Hexo博客yilia主题的美化

本文详细介绍了如何美化Hexo博客的yilia主题,包括显示摘要、配置优先级、设置打赏码、添加标签、显示文章总数、计数器、404页面、修复手机浏览问题、字数阅读时长、鼠标小红心设置、解决模块缺失及增加归档菜单等,让博客更加个性化和功能丰富。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

1. 显示摘要(而不是全文显示)

在编辑你的博文的时候在你需要在摘要出显示出来的内容后面插入一行

css<!--more-->

或者在yilia/_config.yml 文件修改

excerpt_link: more

2.优先级配置

修改根目录配置文件/_config.yml,top值-1标示根据top值倒序(正序设置为1即可),同样date也是根据创建日期倒序。

index_generator:
  path: ''
  per_page: 10
  order_by:
    top: -1
    date: -1

3.设置打赏码

/themes/yilia/_config.yml里设置

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

4.给博客文章打标签

.md开始里添加类似代码

title: test2
date: 2019-10-26 17:14:26
tags:
    - 小工具
    - hexo
    - yilia
    - tag

5.在左侧显示总文章数

themes\yilia\layout_partialleft-col.ejs文件的

<nav class="header-menu">
    <ul>
    <% for (var i in theme.menu){
   
    %>
        <li><a href="<%- url_for(theme.menu[i]) %>"><%= i %></a></li>
    <%}%>
    </ul>
</nav>

在后面加上

<nav>
    总文章数 <%=site.posts.length%>
</nav>

6.单篇文章点击量

在themes/yilia/layout/_partial/article.ejs中 在

<%- partial('post/title', {
   
   class_name: 'article-title'}) %>

在后面插入

<% if (!index && post.comments){ %>





阅读数: 次   


<% } %>

7.404 界面

直接在hexo/source文件夹里面加一个个性的404.html,内容自定可以到网上下载推荐个链接https://www.17sucai.com/pins/tag/281.html
在这里插入图片描述

8.修复手机浏览出现以下问题(所有文章无法查看)

将此中出现的内从全部复制,打开根目录的全局配置文件_config.yml在文件的最下面把这些内容然贴进去就好了

jsonContent:
    meta: false
    pages: false
    posts:
      title: true
      date: true
      path: true
      text: <
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值