html - 关于Disqus的两个问题

Question

我有一个关于 Disqus 的两个部分的快速问题，这些部分困扰着我，并导致我的网站出现美观问题。

首先，在我的博客主页上的每篇帖子的顶部，Disqus 都会快速闪烁“评论”，然后消失。我进入 Disqus 设置，关闭了 Disqus 2013 功能，并禁用了设置中显示的评论数量，这很有效，但不幸的是我看到“评论”标题闪得很快。

第二个是，如果您单击每个单独的帖子，disqus 加载栏会在右侧弹出，通常位于作为我的文本帖子焦点的图片上方。它看起来很丑，我想修复它。

仅供引用，我的网站是 Draftdaybust.com

任何帮助将不胜感激；我还要说的是，我真的不太了解 HTML 或构建网站，我只是尽我最大的努力来制作一个看起来像样的博客。非常感谢。

Answer 1

以下是发生的情况以及解决方法...

问题1

默认情况下，“评论”一词会编码到您的页面中。当您从 Disqus 设置中删除文本时，只有在 Disqus 评论计数 javascript 加载后才会触发该文本。页面 HTML 呈现和 javascript 加载之间有一个短暂的延迟，因此您会得到“flash”。如果您不想有评论计数器，您应该从您的主题中删除以下内容(它在您的主题中看起来可能略有不同):

<div style="font-size: 10px; text-align: left;"><a class="dsq-comment-count" href="{Permalink}#disqus_thread">Comments</a></div>

此外，您应该删除评论计数 JavaScript，以便网站不会加载任何不必要的资源:

<script type="text/javascript">var disqus_url = ""; var disqus_title ="";</script><script type="text/javascript">
var disqus_shortname = 'draftdaybust';
(function () {
  var s = document.createElement('script'); s.async = true;
  s.src = 'http://draftdaybust.disqus.com/count.js';
  (document.getElementsByTagName('HEAD')[0] || document.getElementsByTagName('BODY')[0]).appendChild(s);
}());
</script>

问题2

再次升级到 Disqus 2012。旧版本的 Disqus 将 HTML 内容渲染到您的页面上，因此它会受到 CSS 样式表的影响(这就是导致它开始渲染的原因)。 Disqus 2012 使用不受样式冲突影响的 iframe。

问题 #1 的解决方案使得降级的最初原因变得毫无意义。