如何设置页面侧边导航栏

jekyll.jpg

设置自定义边栏导航菜单

一共需要两步走

1、在 _data 文件夹里面的 _navigation 添加以下代码

代码：

 docs:
   - title: SVG制作
     children:
       - title: "如何在文章中插入SVG动画"
         url: " 文章的URL "
       - title: "如何在文章中插入SVG动画"
         url: " 文章的URL "

   - title: 平面设计
     children:
       - title: "如何设置宽页面"
         url: " 文章的URL "
       - title: "如何设置宽页面"
         url: " 文章的URL "

   - title: 界面设计
     children:
       - title: "如何增加affiliation 所属单位信息"
         url: " 文章的URL " 
       - title: "如何增加affiliation 所属单位信息"
         url: " 文章的URL " 

添加doc代码.jpg

2、在以上插入文章的头部插进两行代码，要顶格

代码：

 sidebar:
   nav: "docs"  

文章头部添加sidebar.jpg

以上两步完成后就可以在自己的网页里面找到侧边导航栏了

注意有个问题，如果写完后还是发现只有几篇文章才能够显示出来，那么就要在 children 属下的 title 里面把名字改成加上父级的名称，例如

 docs:
   - title: SVG制作
     children:
       - title: "SVG制作——如何在文章中插入SVG动画"
         url: " 文章的URL "

并且更改的那篇文章也要在文章的头部修改成 SVG制作——如何在文章中插入SVG动画 的名称，这样响应刷新才更快些