【hexo】侧栏分隔线
Hexo 侧栏
2023-06-13 09:14:16 时间
打开 工程目录\themes\next\layout\_partials\header.swig，找到如下代码。
{% 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 %}修改为如下代码。
{% 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 属性下添加的以 = 开头的条目，便会显示为分隔符了。