docusaurus如何添加ms clarity

新建了docusaurs博客之后，如何添加ms clarity？官方有添加gtag的，但是没有看到clarity。

如何添加clarity

根据搜索和文档，我们发现，可以使用injectHtmlTags来注入script。 在docusaurus.config.js中，我们可以找到plugin的配置方式。

docusaurus.config.js

export default {
  plugins: [
    'docusaurus-plugin-awesome',
    ['docusuarus-plugin-confetti', {fancy: false}],
    () => ({
      postBuild() {
        console.log('Build finished');
      },
    }),
  ],
};

因此，我们可以在docusaurus.config.js中添加一个plugin。

export default {
  plugins: [
    () => ({
    name: 'docusaurus-ms-clarity',
      injectHtmlTags({content}) {
       return {
        headTags: [
          {
            tagName: 'script',
            innerHTML: `(function(c,l,a,r,i,t,y){
        c[a]=c[a]||function(){(c[a].q=c[a].q||[]).push(arguments)};
        t=l.createElement(r);t.async=1;t.src="https://www.clarity.ms/tag/"+i;
        y=l.getElementsByTagName(r)[0];y.parentNode.insertBefore(t,y);
    })(window, document, "clarity", "script", "YOUR_ID");`
          },
        ],
      };
    },
    }),
  ],
};