Google评论框不显示

Question

我是 html 和 css 的新手，所以请多多包涵。我正在创建一个基于 jekyll 的博客，我正在尝试在我的每个博客 post 下方添加一个 Google 评论框。根据几个网站，这似乎相当简单。

但是，我的页面上没有显示评论框。我重做了我的 post 布局以找出我哪里出错了。当我使用 chrome 开发工具时，我可以看到 某些东西 已加载，但我在我的页面上看不到任何东西。这是我正在查看的 post：https://stutighiya.github.io/blog/2016/08/22/jackets

comments.html - 包含在我的 post.html 布局中：

<script src="https://apis.google.com/js/plusone.js"></script>
<div id="comments"></div>
<script>
gapi.comments.render('comments', {
    href: window.location,
    width: '624',
    first_party_property: 'BLOGGER',
    view_type: 'FILTERED_POSTMOD'
});
</script>

post.html布局

<html>
<head>
  <title>{{ page.title }}</title>
  <!-- link to main stylesheet -->
  <link rel="stylesheet" type="text/css" href="/css/main.css">
</head>
<body>
  <nav>
      <ul> 
          <li><a href="/">Home</a></li>
          <li><a href="/about">About</a></li>
          <li><a href="/blog">Blog</a></li>
      </ul>
  </nav>
<div id="post">
    <article>
        <header class="header">
            <h1>{{ page.title }}</h1>
            <p class="meta">{{ page.date | date_to_string }}</p>
        </header>

        <section>
            {{ content }}
        </section>
    </article>
    {% include comments.html %}
</div>

{% include footer.html %}

</body>
</html>

我希望这是我所缺少的一些简单的东西...非常感谢所有帮助！

更新：posted 代码有效。我只是还没有在 GitHub 上同步。如果其他人遇到此问题： 1. 我最初运行遇到了问题，因为我没有在正确的地方添加注释。我的没有明确显示在页脚之前，所以什么也没有显示。
2. 修复（1）后，我调试时遇到问题，因为评论框在本地不可见（当运行 'jekyll serve'）。我不得不推送代码才能真正看到评论框，事后看来，这是有道理的。

希望这对其他人有帮助！

Answer 1

发布的代码有效。我只是还没有在 GitHub 上同步。如果其他人遇到此问题： 1. 我最初运行遇到了问题，因为我没有在正确的位置添加评论。我的没有明确显示在页脚之前，所以什么也没有出现。 2. 修复(1)后，我调试时遇到问题，因为评论框在本地不可见（当运行 'jekyll serve'）。我不得不推送代码才能真正看到评论框，事后看来，这是有道理的。

希望这对其他人有帮助

Google评论框不显示

Google Comment Box not displaying

html

plugins

comments

jekyll

google-plus