警告
本文最后更新于 2023-11-29,文中内容可能已过时。
首先在主题配置文件添加以下关键字
1
2
3
4
5
6
7
8
| recent_posts:
enable: true
search: true
post: false
sidebar: false
icon: history
title: 近期文章
layout: block
|
1 侧栏
在 next/layout/_macro/sidebar.swig
中的 if theme.links
对应的 endif
后面。
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
| {% if theme.recent_posts.enable and theme.recent_posts.sidebar %}
<div class="links-of-blogroll motion-element {{ "links-of-blogroll-" + theme.recent_posts.layout }}">
<div class="links-of-blogroll-title">
<i class="fa fa-history fa-{{ theme.recent_posts.icon | lower }}" aria-hidden="true"></i>
{{ theme.recent_posts.title }}
</div>
<ul class="links-of-blogroll-list">
{% set posts = site.posts.sort('-date') %}
{% for post in posts.slice('0', '3') %}
<li>
<a href="{{ url_for(post.path) }}" title="{{ post.title }}" target="_blank">{{ post.title }}</a>
</li>
{% endfor %}
</ul>
</div>
{% endif %}
|
2 搜索结果处添加
找到路径H:\hexo\themes\hexo-theme-next\layout\_partials\search
下localsearch.swig
文件
把<div id="local-search-result"></div>
修改成以下内容(这里显示 15 篇)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
| <div id="local-search-result">
{% if theme.recent_posts.enable and theme.recent_posts.search %}
<div style="text-align: center;padding: 3px 0 0;">
<div style="margin-top: 20px;font-size: 18px;font-weight: 600;border-bottom: 1px solid #ccc;">
<i class="fa fa-{{ theme.recent_posts.icon }}" aria-hidden="true"></i>
{{ theme.recent_posts.title }}
</div>
<ul style="margin: 0;padding: 0;list-style: none;">
{% set posts = site.posts.sort('-date') %}
{% for post in posts.slice('0', '15') %}
<li>
<a href="{{ url_for(post.path) }}" title="{{ post.title }}" target="_blank">{{ post.title }}</a>
</li>
{% endfor %}
</ul>
</div>
{% endif %}
</div>
|
3 文章尾部添加
把代码加在H:\hexo\themes\hexo-theme-next\layout\_macro\post.swig
里的相应位置(我加在 tags 后)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
| {% if not is_index and theme.recent_posts.enable and theme.recent_posts.post %}
<div style="text-align: center;padding: 10px 0 0;">
<div style="margin: 60px 0px 10px;font-size: 18px;border-bottom: 1px solid #eee;">
<i class="fa fa-{{ theme.recent_posts.icon }}" aria-hidden="true"></i>
{{ theme.recent_posts.title }}
</div>
<ul style="margin: 0;padding: 0;list-style: none;font-size: 11px;">
{% set posts = site.posts.sort('-date') %}
{% for post in posts.slice('0', '5') %}
<a href="{{ url_for(post.path) }}" title="{{ post.title }}" target="_blank">{{ post.title }}</a> 
{% endfor %}
</ul>
</div>
{% endif %}
|
4 其他
可尝试将-date
改为-update