index.html

<!DOCTYPE >
<html>
  <head>
    <meta charset="utf-8" />
    <meta
      name="viewport"
      content="width=device-width, initial-scale=1, shrink-to-fit=no"
    />
    <title>小恐龙公文排版助手 for Word/WPS</title>
    <link  rel="stylesheet"   href="./docute.css" />
  </head>

  <body>
    <div id="docute"></div>
     <script src="./docute.js"></script>
    <script>
      new Docute({
        target: '#docute',
        detectSystemDarkTheme: true,
        darkThemeToggler: true,
        layout: 'narrow',
        footer: `Power by <a href="http://xkonglong.com">小恐龙工作室</a> 2020-2023 年`,
        nav: [
          {
            title: '首页',
            link: '/'
          },
          {
            title: '小恐龙工作室',
            link: 'https://xkonglong.com'
          }
        ],
        sidebar: [
          {
            title: '入门指引',
            link:'/'
          },
          {
            title: '功能介绍',
            link:'/feature'
          
          },
          {
            title: '高阶功能',
            link:'/vba'
          },
          {
            title: '常见问题',
            link:'/faq'
          },
          {
            title: '更新日志',
            link:'/update'
          
          },
          // An external link
          {
            title: '小恐龙工作室',
            link: 'https://xkonglong.com'
          },
          {
            title: 'QQ频道-公文排版助手',
            link:'https://pd.qq.com/s/exu99qgjm'
          },
          {
            title: 'Github VBA讨论组',
            link: 'https://github.com/xkonglong/gw/discussions'
          }
        ]
      })
    
    </script>

  </body>
  
  
  
</html>