面包屑(Breadcrumbs)
一.如何打开?
-
基于原Minimal Mistakes代码仓库已有设置,在
_config.yml
中寻找到如下图的面包屑导航开关。
_data
文件夹中的ui-text.yml
文件可修改链接文本和分隔符
breadcrumb_home_label : "Home"
breadcrumb_separator : "/"
如果想实现如下样式
Home > SVG > 动画制作
则修改分隔符(separator)即可:
breadcrumb_home_label : "Home"
breadcrumb_separator : ">"
二.如何解决面包屑层级文字乱码问题?
WHY:出现乱码问题,原因在于每篇独立文章都未设置好文章与分栏之间的链接关系,即缺少永久链接结构,如
permalink: /:categories/:title/
HOW:检查面包屑导航乱码出现在哪篇文章并所属哪个分栏下,并从
_pages
处复制文章所属栏目的永久链接结构permalink: /分类/文章名称
,粘贴到文章开头基本代码处。
注:链接的层级名称在做到同类别下都同步的情况下,均可改动。
-
We did it!
三.面包屑的好处
- 启用面包屑导航链接,可以帮助访问者更好地浏览网站。一定程度上实现了无死胡同頁(NO DEAD-END PAGES),即网站中的网页至少有一个可以返回主页或上一级的链接,方便访问者在各层级之间穿梭。