docsify配置文章内导航

当我们一篇文章比较长时，有个文章内导航可能帮助读者快速的定位到文章对应的章节，比如，我们下面这个测试文章，每个导航，只能不停的滚动鼠标。

docsify配置文章内导航，只需一个插件便可解决。

一、添加插件

1.1、添加脚本文件

在body中添加脚本文件

<!-- 文章内导航 -->
<script src="//cdn.jsdelivr.net/npm/docsify-toc@1.0.0/dist/toc.js"></script>

1.2、添加样式

在body中添加样式文件

<!-- 文章内导航 -->
<link rel="stylesheet" href="//cdn.jsdelivr.net/npm/docsify-toc@1.0.0/dist/toc.css">

这样，我们在查看文章时，文章就会有一个导航栏了。

个性化配置

默认的配置可能并不满足我们的需要，那么我们可以对导航栏进行一些个性化配置。

在docsify配置文件中，添加如下内容

      toc: {
        scope: '.markdown-section',
        headings: 'h1, h2, h3, h4, h5, h6',
        title: '导航',
      },

再次打开文章页面，可以查看一下效果