Skip to main content

插件

在 docusaurus.config.ts 下的 plugins，可以看到所有插件以及插件配置。

docusaurus.config.tstypescript
plugins: [
  'docusaurus-plugin-image-zoom',
  'docusaurus-plugin-sass',
  path.resolve(__dirname, './src/plugin/plugin-baidu-tongji'),
  path.resolve(__dirname, './src/plugin/plugin-baidu-push'),
  [
    path.resolve(__dirname, './src/plugin/plugin-content-blog'),
    {
      path: 'blog',
      routeBasePath: '/',
      editUrl: ({ locale, blogDirPath, blogPath, permalink }) =>
        `https://github.com/kuizuo/blog/edit/main/${blogDirPath}/${blogPath}`,
      editLocalizedFiles: false,
      blogSidebarCount: 10,
      postsPerPage: 10,
      showReadingTime: true,
      readingTime: ({ content, frontMatter, defaultReadingTime }) =>
        defaultReadingTime({ content, options: { wordsPerMinute: 300 } }),
      feedOptions: {
        type: 'all',
        title: '愧怍',
        copyright: `Copyright © ${new Date().getFullYear()} 愧怍 Built with Docusaurus.<p><a href="http://beian.miit.gov.cn/" class="footer_lin">${beian}</a></p>`,
      },
    },
  ],
  // ...
]

这里我会列举我所用到的插件（包括自定义），更多插件可看社区精选 | Docusaurus

plugin-baidu-tongji​

百度统计

这样你就能看到你的站点访客主要都在看哪些页面，以及行为记录，如下图所示。image-20221204153015256

plugin-baidu-push​

百度收录

主动推送代码，用于网站收录，这部分代码无需变动。

src/plugins/plugin-baidu-push/index.jsjavascript
;(function () {
  var bp = document.createElement('script')
  var curProtocol = window.location.protocol.split(':')[0]
  if (curProtocol === 'https') {
    bp.src = 'https://zz.bdstatic.com/linksubmit/push.js'
  } else {
    bp.src = 'http://push.zhanzhang.baidu.com/push.js'
  }
  bp.defer = true
  var s = document.getElementsByTagName('script')[0]
  s.parentNode.insertBefore(bp, s)
})()

plugin-matomo(弃用)​

Matomo Analytics 站点统计，分析用户行为，停留时间。

与百度统计类似，不过这个需要自行部署 matomo 服务，不需要的可直接删除。

plugin-pwa​

创建支持离线模式和应用安装的 PWA 文档站点，就像下图这样。

image-20221204153401244

plugin-image-zoom​

适用于 Docusaurus 的图像缩放插件。

plugin-sass​

支持 sass 预处理器

plugin-content-blog​

由于官方的 plugin-content-blog 插件没有将博客的所有标签数据传递给博客列表组件，也就是导致博客列表页面 BlogListPage 获取不到全局标签信息，所以这里对 plugin-content-blog 进行魔改，将 blog 信息添加至全局数据中，可在任意页面中都访问到所有博文的信息。

这些数据可能会占据一定的空间，查看详情 点我。
0%