需求：当文章比较长时无法点到面包屑，因此需要在文章页面的底部添加面包屑导航

  1. 编辑文章页面模板
./layouts/_default/single.html
38
39
40
41
42
43
44
45

<footer class="post-footer">
    <!--  添加下面这行  -->
    {{ partial "breadcrumbs.html" . }}

    {{- if (.Param "ShowPostNavLinks") }}
    {{- partial "post_nav_links.html" . }}
    {{- end }}
</footer>
  1. 添加样式
./assets/css/extended/custom.css
1
2
3
4

/* 文章页面底部的面包屑居右 */
.post-footer > .breadcrumbs {
  justify-content: flex-end;
}