私はHTMLとCSSにはとても新しいので、ここで私に同行してください。私はjekyllベースのブログを開始しています。私はそれぞれのブログ投稿の下にGoogleのコメントボックスを追加しようとしています。いくつかのサイトによるとかなり簡単です。Googleのコメントボックスが表示されない
ただし、コメントボックスはページに表示されません。私は間違っていた場所を見つけ出すために私のレイアウトを書き直しました。クロム開発ツールを使用すると、何かが読み込まれますが、私のページには何も見えません。ここで私が見ていますポスト: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でまだ同期していなかった。他の誰かがこの問題を抱えている場合: 1.当初は問題にぶつかっていました。私は正しい場所にコメントを入れなかったからです。私のフッタの前に明示的に指定されていなかったので、何も現れなかった。
2.コメントボックスがローカル(「jekyll serve」を実行しているとき)に見えないので、fix(1)の後、デバッグに問題がありました。私は実際にコメントボックスを見るためにコードをプッシュしなければなりませんでした。
うまくいけば、これは他の人に役立つはずです。
問題の本文にコード例を含めてください。 – mhatch
こんにちはmhatch-私は関連性があると思ったコードを追加しました。あなたが見たいことが他にあるかどうかを教えてください。 – stutighiya