Install AddThis and DISQUS to Ghost

Lorentzca -

はてブボタンでも設置してみようと思ったのですが、うまくいかず！！

雑にcontent/themes/casper/post.hbs内の<section class="share">に埋め込むだけじゃだめっぽい。twitterとかfacebookのシェアボタンを真似して設置しようとしたけどうまく表示されなかった。

ちょっとすぐには実現できなそうな気配を感じたのでとりあえずAddThisに逃げた。

AddThisはかなり簡単に使えて便利。管理画面から好きなサービス選んで生成されたコードをcontent/themes/casper/default.hbs内の<body>内に追記するだけ。

はてブ数の表示に対応していないっぽいのだけちょっと残念。

また、記事を公開した後に、追記したかったり補足したい事があって雑にコメントしたいことが何度かあったのでDISQUSを入れることにした。

DISQUSもコードをcontent/themes/casper/post.hbs内の<section class="post-content">以下の{{content}}より下に追記するだけ。{{contents}}の部分に記事内容が入るので{{content}}より下に追記する必要がある。

あと設定することを推奨されている変数をいじった。差分はこんな感じ。

  • コメントを外した
  • PAGE_URLとPAGE_IDENTIFIERの部分を修正した
 <div id="disqus_thread"></div>
 <script>

 /**
 *  RECOMMENDED CONFIGURATION VARIABLES: EDIT AND UNCOMMENT THE SECTION BELOW TO INSERT DYNAMIC VALUES FROM YOUR PLATFORM OR CMS.
 *  LEARN WHY DEFINING THESE VARIABLES IS IMPORTANT: https://disqus.com/admin/universalcode/#configuration-variables*/
-/*
 var disqus_config = function () {
-this.page.url = PAGE_URL;  // Replace PAGE_URL with your page's canonical URL variable
-this.page.identifier = PAGE_IDENTIFIER; // Replace PAGE_IDENTIFIER with your page's unique identifier variable
+this.page.url = '{{url absolute="true"}}';  // Replace PAGE_URL with your page's canonical URL variable
+this.page.identifier = 'ghost-{{id}}'; // Replace PAGE_IDENTIFIER with your page's unique identifier variable
 };
-*/

DISQUSにサブスクライブ機能があるみたいなので、ghostのLabで提供されている方からは消した(そもそもまだβ版でメール送信機能無くて使えないし)。