Hexo ParticleX和Hexo Diaspora主题，如果使用hexo new page <页面名>，并在生成的.md文件配置Artitalk的代码，会出现奇怪的Bug

请教ChatGPT之后用下面的代码可以使用Artitalk

<script>
(function() {
  document.addEventListener('DOMContentLoaded', function() {
    // 找到class为content的div标签
    var contentDiv = document.querySelector('.content');

    // 动态创建div标签用于Artitalk
    var artitalkDiv = document.createElement('div');
    artitalkDiv.id = 'artitalk_main'; // 设置ID为artitalk_main
    contentDiv.appendChild(artitalkDiv); // 将新创建的div添加到class为content的div内

    // 创建script标签
    var script = document.createElement('script');
    script.type = 'text/javascript';
    script.src = 'https://cdn.staticfile.org/artitalk/3.3.4/js/artitalk.js';

    // 当脚本加载完成后初始化Artitalk
    script.onload = function() {
      // 确保Artitalk已加载
      if (typeof Artitalk !== 'undefined') {
        new Artitalk({
          appId: '你的appId',
          appKey: '你的appKey',
          serverURL: '你的serverURL',
          color1: '#8DC9D3',
          color2: '#FFBFD7',
        });
      }
    };

    // 将script标签添加到body中（也可以根据需要添加到head中）
    document.body.appendChild(script);
  });
})();
</script>

把这些添加进生成的index.md文件中

这里是把Artitalk添加进<div class="content">内，可以根据需要改变class名

在Diaspora主题上有Bug，需要刷新页面才能显示Artitalk，暂时没想到怎么解决