Ghost サイトにメンバー限定のライブコメントを追加
With FastComments we can easily add live, members-only commenting to any site built with Ghost.
We will be able to メンバーのユーザー名やアバターを自動的にインポートし、コメント返信通知を設定できるようになります。
注意 このチュートリアルには FastComments アカウントが必要です。まずサインアップしてから戻ってくることをお勧めします。ここでアカウントを作成できます。
In this tutorial we'll be targeting a blog built with Ghost, but with a little know-how the same instructions apply to any type of site.
This tutorial starts from the perspective of a user who is very new to Ghost. Users experienced in editing their themes can skip to Step 4.
If you're having trouble, feel free to send your exported theme template to your support representative（それでもステップ1〜5が必要です）。
ステップ 1: テーマをダウンロード 
FastCommentsをGhostに正しく追加するには、テーマファイルを編集する必要があります。
まずは、現在のテーマまたは使用したいテーマをダウンロードしましょう。
サイトのダッシュボードに移動し、左下の歯車をクリックします：
次に Design オプションを選択します：
厳密にはテーマを変更しているわけではありませんが、左下の Change Theme をクリックします：
右上で Advanced を選択します：
...そして現在のテーマまたは希望するテーマをダウンロードします：
ステップ 2: テーマをローカルにインストール
zipファイルをダウンロードしたので、フォルダに解凍します。デフォルトの casper.zip をダウンロードし、Windows の Downloads\casper に解凍しました。
次に、LTS またはそれ以降のバージョンの NodeJS がインストールされていることを確認してください。入手はこちら: https://nodejs.org/en/download/
NodeJS がインストールされたら、コードエディタをインストールします。
当社では Webstorm を推奨（および使用）しています。30日間のトライアル（クレジットカード不要）で入手できます: https://www.jetbrains.com/webstorm/
次に良い無料の選択肢はおそらく Visual Studio Code でしょう: https://code.visualstudio.com/download
エディタのセットアップが完了し、テーマフォルダをエディタで開いたら、IDE のターミナルを開き、次を実行します:
出力は次のようになります（警告は無視して構いません）:
これにより、後で実行するコマンドのためにテーマの依存関係が設定されます。また、エクスポートはテーマの依存関係がインストールされていることに依存するため、インポートし直す際に正しく動作するには依存関係が必要です。
ステップ 3: 新しいテーマに名前を付ける
テーマをエディタで開いた状態で、package.json を開き、name フィールドを別の値に変更してください。今回は末尾に -fastcomments を追加します:
IDE を使用している場合、この変更は自動的に保存されます。
ステップ 4: ポストテンプレートを開く
これからブログ記事で使用されているテンプレートを開きます。名前は post.hbs です:
ステップ 5: FastComments コードを追加
次に、FastComments.com ウィジェットコードを追加する場所を特定する必要があります。
デフォルトの casper テーマを使用している場合、82行目に次のようなセクションが表示されます：
他のテーマを使用している場合はこれが表示されないため、最後の </section> の後にこのコードを追加する必要があります：
以下のようになっているはずです：
準備ができたら、FastComments.com ウィジェットコードをコピーします：
...すると次のように表示されます：
コーディングは完了です。次はテーマを再インポートするだけです！
ステップ 6: テーマをエクスポート
次に、テーマファイルを再びzipファイルにパッケージする必要があります。これには、Ghostの内蔵機能を使用します。
エディターのターミナルを再度開き、npm run zip を実行します。
これにより、テーマが dist/casper-fastcomments.zip にzipファイルとしてパッケージされます（Step Three でそのようにテーマを名付けた場合）。
ステップ 7: テーマを Ghost にアップロード
Ghostのダッシュボードに戻り、テーマをアップロードしましょう：
私の場合、zipファイルは次の場所にあります。distフォルダーに注意してください：
アップロードした新しいテーマを有効化するのを忘れないでください（Ghostが確認を促します）。
成功！
これでメンバー向けに FastComments のライブコメント機能が有効になっているはずです！
Ghost に FastComments を設定したこと、おめでとうございます！ドメインエラーが発生した場合、またはコメント欄をカスタマイズする方法を知りたい場合は、読み進めてください！
ドメインエラー
次のような認証エラーが発生することがあります:
これは、FastCommentsがこのドメインであなたのアカウントの使用を許可すべきことを認識していないためです。
この場合、修正は簡単です。FastComments.comアカウントにあなたのサイトを追加するだけです。
カスタマイズ
FastComments はあなたのサイトに合わせてカスタマイズできるように設計されています。
カスタムスタイリングを追加したり、設定を調整したい場合は、方法を確認するためにカスタマイズのドキュメントをご覧ください。
Ghost サイトに投票機能を追加
FastComments が Ghost サイトに導入されると、コメント内でライブ投票を実行することもできます。ウィジェットのカスタマイズ設定で Enable Polls をオンにすると、コメントツールバーに投票ボタンが表示されます。投票は 2 から 10 の選択肢を設定でき、結果はページ上の全員にリアルタイムで更新され、投票の作成者や投票にログインが必要かどうかを選択できます。Ghost に追加でインストールするものはありません。
Live Polls デモを試す または 投票のドキュメント を読んで設定してください。