如何设置面包屑导航

jekyll.jpg

第一步：在 _config.yml 第28行找到开启代码

开启前

 " # " breadcrumbs            : false " # " true, false (default)

开启前.jpg

将代码修改成以下形式就变成开启后

 breadcrumbs              : true " # " true, false (default) 

开启后.jpg

第二步：在 _data/ui-text.yml 里面更改面包屑的开始链接文本和分隔符

 breadcrumb_home_label      : "Home"
 breadcrumb_separator       : "/"

更改链接文本和分隔符.jpg

但是初步完成后在SVG文件中面包屑导航栏没有出现问题，在平面设计与界面设计的面包屑导航栏中则出现了乱码

界面和平面出现乱码.jpg

第三步：进行代码更正——删除更改和添加

在 _config.yml 中将 category_archive 改为 design_archive ，并且设置永久链接结构 " permalink: /design/:title/ "

乱码改动前：

 category_archive:
    type: liquid
    path: /design/
 tag_archive:
    type: liquid
    path: /tags/

乱码改动前.jpg

乱码改动后：

 design_archive:
    type: liquid
    path: /design/
 tag_archive:
    type: liquid
    path: /tags/
 permalink: /design/:title/  

代码改动后：修改与新增.jpg

最后，毕十三的正解

改正后正常显示面包屑.jpg