【hexo】侧栏分隔线

duadua

发布于 2022-10-31 14:05:10

2390

发布于 2022-10-31 14:05:10

文章被收录于专栏：duadua blog duadua blogduadua blog

打开 工程目录\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 属性下添加的以 = 开头的条目，便会显示为分隔符了。

本文参与腾讯云自媒体分享计划，分享自作者个人站点/博客。

原始发表：2015-01-082，如有侵权请联系 cloudcommunity@tencent.com 删除

header