【hexo】侧栏分隔线

打开 工程目录\themes\next\layout\_partials\header.swig,找到如下代码。

1
2
3
4
5
6
7
8
9
10
11
{% for name, path in theme.menu %}
{% set itemName = name.toLowerCase() %}
<li class="menu-item menu-item-{{ itemName | replace(' ', '-') }}">
<a href="{{ url_for(path.split('||')[0]) | trim }}" rel="section">
{% if theme.menu_icons.enable %}
<i class="menu-item-icon fa fa-fw fa-{{ path.split('||')[1] | trim | default('question-circle') }}"></i> <br />
{% endif %}
{{ __('menu.' + name) | replace('menu.', '') }}
</a>
</li>
{% endfor %}

修改为如下代码。

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
{% for name, path in theme.menu %}
{% set itemName = name.toLowerCase() %}
{% if itemName[0] == '=' %}
<hr>
{% else %}
<li class="menu-item menu-item-{{ itemName | replace(' ', '-') }}">
<a href="{{ url_for(path.split('||')[0]) | trim }}" rel="section">
{% if theme.menu_icons.enable %}
<i class="menu-item-icon fa fa-fw fa-{{ path.split('||')[1] | trim | default('question-circle') }}"></i> <br />
{% endif %}
{{ __('menu.' + name) | replace('menu.', '') }}
</a>
</li>
{% endif %}
{% endfor %}

即增加一个 if 判断分类名的第一个字符是否为 =,若是,则在此处添加分隔符,否则正常添加分类。

那么当我们在 主题配置文件menu 属性下添加的以 = 开头的条目,便会显示为分隔符了。