侧边栏

昨天尝试了增加侧边栏导航，成功了，所以今天来介绍下是怎么尝试成功的。

有关教程看这里 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才能看到。