面包屑(Breadcrumbs)
一.如何打開?
-
基于原Minimal Mistakes代碼倉(cāng)庫(kù)已有設(shè)置,在
_config.yml
中尋找到如下圖的面包屑導(dǎo)航開關(guān)。
打開面包屑.png _data
文件夾中的ui-text.yml
文件可修改鏈接文本和分隔符
breadcrumb_home_label : "Home"
breadcrumb_separator : "/"
如果想實(shí)現(xiàn)如下樣式
Home > SVG > 動(dòng)畫制作
則修改分隔符(separator)即可:
breadcrumb_home_label : "Home"
breadcrumb_separator : ">"
二.如何解決面包屑層級(jí)文字亂碼問題?
導(dǎo)航亂碼.jpg
WHY:出現(xiàn)亂碼問題月幌,原因在于每篇獨(dú)立文章都未設(shè)置好文章與分欄之間的鏈接關(guān)系,即缺少永久鏈接結(jié)構(gòu)褂删,如
permalink: /:categories/:title/
HOW:檢查面包屑導(dǎo)航亂碼出現(xiàn)在哪篇文章并所屬哪個(gè)分欄下飞醉,并從
_pages
處復(fù)制文章所屬欄目的永久鏈接結(jié)構(gòu)permalink: /分類/文章名稱
冲茸,粘貼到文章開頭基本代碼處屯阀。
注:鏈接的層級(jí)名稱在做到同類別下都同步的情況下,均可改動(dòng)轴术。
插入鏈接代碼.png
-
We did it!
didit.jpg
三.面包屑的好處
- 啟用面包屑導(dǎo)航鏈接难衰,可以幫助訪問者更好地瀏覽網(wǎng)站。一定程度上實(shí)現(xiàn)了無死胡同頁(yè)(NO DEAD-END PAGES)逗栽,即網(wǎng)站中的網(wǎng)頁(yè)至少有一個(gè)可以返回主頁(yè)或上一級(jí)的鏈接盖袭,方便訪問者在各層級(jí)之間穿梭。