谷歌评论框不显示答案

【问题标题】：Google Comment Box not displaying谷歌评论框不显示
【发布时间】：2017-01-03 09:03:33
【问题描述】：

我对 html 和 css 很陌生，所以请耐心等待。我正在创建一个基于 jekyll 的博客，并且我正在尝试在我的每篇博文下方添加一个 Google 评论框。根据几个网站，这似乎相当简单。

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

cmets.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>

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

更新：发布的代码有效。我只是还没有在 GitHub 上同步。如果其他人有这个问题： 1. 我最初遇到问题是因为我没有在正确的位置包含 cmets。我的没有明确地在页脚之前，所以什么都没有出现。
2. 修复（1）后，由于注释框在本地不可见（运行'jekyll serve'时），我无法调试。我必须推动代码才能真正看到评论框，事后看来，这是有道理的。

希望这对其他人有帮助！

【问题讨论】：

请在问题正文中包含代码示例。
嗨，mhatch - 我添加了我认为相关的代码。如果您还有其他想看的，请告诉我。

标签： html plugins comments google-plus jekyll

【解决方案1】：

发布的代码有效。我只是还没有在 GitHub 上同步。如果其他人有这个问题： 1. 我最初遇到问题是因为我没有在正确的位置包含 cmets。我的没有明确在页脚之前，所以没有出现。 2. 修复（1）后，由于注释框在本地不可见（运行'jekyll serve'时），我无法调试。我必须推动代码才能真正看到评论框，事后看来，这是有道理的。

希望这对其他人有帮助

【讨论】：