侧边栏

昨天尝试了增加侧边栏导航,成功了,所以今天来介绍下是怎么尝试成功的。
【侧边栏】有关教程看这里 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才能看到。

    推荐阅读