侧边栏
昨天尝试了增加侧边栏导航,成功了,所以今天来介绍下是怎么尝试成功的。
【侧边栏】有关教程看这里 https://mmistakes.github.io/minimal-mistakes/docs/layouts/#custom-sidebar-navigation-menu
文章图片
Custom sidebar navigation menu example 参照上面的教程,我做了如下的修改:
在_config.yml中添加如下代码
# _docs
- scope:
path: ""
type: docs
values:
sidebar:
nav: "docs"
在_data/navigation.yml中增加如下(一部分示例)
docs:
- title: svg制作
children:
- title: "SVG的历史"
url: https://nfunm082.gitee.io/minimal-mistakes/svg/2018-07-02-svg-history/
- title: "SVG尝试"
url: https://nfunm082.gitee.io/minimal-mistakes/svg/2018-07-02-svg-try/
- title: "svg动画"
url: https://nfunm082.gitee.io/minimal-mistakes/svg/2018-07-07-svg-train/
然后在相应的每一篇文章的开头添加这一小块:
sidebar:
nav: "docs"
这样就成功了啦!
文章图片
侧边栏导航 其实这个操作是非常简单的,只要看懂了教程就很容易。虽然教程是英语的,但是翻译成中文后很容易理解。
还有一个很重要的点:一定要用Chrome浏览器查看是否成功,我之前使用其他浏览器的时候以后没成功改了好几次,后来才发现是浏览器的问题。这个侧边栏导航在其他浏览器上看不了的得用Chrome才能看到。