# 编程猫文档主题

编程猫文档主题 fork 自官方 0.x 版本的最后一个稳定版本的默认主题,并对其进行拓展,以下只会阐述拓展的部分,未来等 vuepress1.x 版本完全成熟再同步官方 1.x 版本

# 侧边栏跟随滚动导航

你可以使用 themeConfig.useScrollNav 来开启全局的侧边栏跟随滚动条,不过目前只会提取 h2 级标题,适用于单页内容很多 h2 标题的文章,暂不支持 h3 或更多级别的跟随:

// .vuepress/config.js
module.exports = {
  themeConfig: {
    useScrollNav: true
  }
}

你也可以通过 YAML front matter 来开启某个指定页面的侧边栏跟随滚动条:

---
useScrollNav: true
---

效果如红框所示:

![效果](https://raw.githubusercontent.com/Kitten Team/vuepress-theme-codemao_docs/master/images/useScrollNav.jpg)

# 分组标签链接

为分组标签也添加链接, 添加 link 属性即可

// .vuepress/config.js
module.exports = {
  themeConfig: {
    sidebar: [
      {
        title: 'xxx',
        collapsable: false,
        link: '/xxx/'
      }
    ]
  }
}

国际化版本:

// .vuepress/config.js
module.exports = {
  themeConfig: {
    locales: {
      '/': {
        sidebar: [
          {
            title: 'xxx',
            link: '/xxx/'
          },
        ]
      },
      '/en/': {
        sidebar: [
          {
            title: 'xxx',
            link: '/xxx/'
          },
        ]
      }
    }
  },
}

Made with ❤️ by Ahmad Mostafa - @z3by