Question

我对html和css很新，所以请耐心等待。我正在开始一个基于jekyll的博客，我正试图在我的每篇博文下面添加一个Google评论框。根据几个网站的说法，这似乎相当简单。

但是，评论框未显示在我的页面上。我重做了我的帖子布局，以找出我出错的地方。当我使用chrome开发工具时，我可以看到某些已加载，但我在页面上看不到任何内容。这是我正在看的帖子：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>

我希望这是一件我很想念的简单...非常感谢所有帮助！

更新：发布的代码有效。我还没有在GitHub上同步过。如果有其他人有这个问题：我最初遇到问题是因为我没有在正确的地方加入评论。我没有在页脚之前明确表示，所以没有出现任何内容 2.修复（1）后，我无法调试，因为注释框在本地不可见（运行'jekyll serve'时）。我不得不推动代码实际看到评论框，事后才有意义。

希望这有助于其他人！

Answer 1

发布的代码有效。我还没有在GitHub上同步过。如果其他人有这个问题：1。我最初遇到问题，因为我没有在正确的地方添加评论。我没有在页脚之前明确表示，所以没有任何表现。 2.修复（1）后，我无法调试，因为注释框在本地不可见（运行'jekyll serve'时）。我不得不推动代码实际看到评论框，事后才有意义。

希望这有助于其他人

Google评论框无法显示

1 个答案: