Ghostにコメント機能導入した。MeGhostにコメント機能導入した。GhostGhostGhostにコメント機能導入した。GhostGhostにコメント管理サービスDisqusを導入してみました。その際の注意点とかもろもろ・・・です。readまずこんにちわ、やんしーですー。今回もGhostについてですよ。Ghostとはなんぞや?というかたは、他の記事#ghostを確認してみてくださいな。ひとことで説明すると、「Ghost」はブログサービスです。このブログはその「Ghost」というブログサービスを利用しています。「Ghost」は編集機能がMediumのように特化していたり、閲覧ページもシンプルで見やすくなっているんですが、カスタマイズしない場合、あまり多機能ではありません。そのため、コメントをするような機能はデフォルトで備わっていないんですね。カスタマイズしない場合なので、カスタマイズすれば実現は可能でござんす。今回は、.hbsというテンプレートファイルを直接操作し、コメント機能をつけてみたいと思います。選定するにあたり重要視するのは「コメントの管理」としました。わたしはYouTubeで、動画配信を行っているのですが、各ページに遷移しなくてもコメントの確認や返信ができ、かつスパムとかの場合は承認制にするなど、簡単に管理できるのが魅力です。「コメントの管理」に特化したものを使いたいと思いました。Commentまずはじめに思いつくのはFacebookのコメント機能。原則実名のアカウントを利用するので、おかしなコメントがつくことも少ないですし、けっこう他サイトでよく見かけますね。普通すぎて使いたくありません。Disqusこれ有名なんですね。ぐぐったらでてきました。登録してみたらびっくり。基本的なコメント管理機能に加えて、Analyticsがあったり、Filterが設定できたり、Webhookもあったり、結構便利そうです。Disqusに決定(はやっ)他にもいろいろありそうですが、Disqusに決めましたwDisqusの設定方法(Ghost)ではここからは設定方法です。Disqusのアカウントつくるなどは割愛します。disqus」を選択しやすそして、「Ghost」を選択ちなみに、以前は「Ghost」なかったみたいなのですが、2018年9月5日現在、選択することが可能になっています。ページ遷移後は、手順が4つのステップで記されています。その内容をひとつづつ引用して見ていきますね。exampleyourghostdir/content/themes/casper/さて、いきなり「テーマディレクトリ」の「post.hbs」を見つけろって言われましたね。SaaSで契約してるかたは残念・・・。SaaS版を使ったことないので、どこまでできるのか正直わかりませんが、OSS版を使っているかた限定にお話ししていきます。自分でインストールされた方はわかるでしょう。ubuntuであれば、だいたい以下にあるかと思います。/var/www/ghost/content/themes/casperテーマを変えてる人はcasper以外を選んでくださいね。helpers.これ少しわかりずらいんですよね。{{#post}}と{{/post}}の間であればsomewhereどこでもって言ってるんですよね。最初自分は{{content}}の直下に配置しました。試したり調査にかなり時間がかかってしまった。ちなみにそういうわけじゃなかったんですね。post-contetのdivクラスの中じゃなければ大丈夫だったんです。え?CSSの問題・・?まあ、とりあえず、解決したので根本原因は確認しません。post-contetのdivの外ということで、どこに配置しようかなーと思ったら最適な場所発見しました。「ここがいい場所だぜ!」って言ってくれてますwなのでコメントアウトの{{!--と--}を外して、以下のように追記しました。EmbedはDisqusで確認できます。PAGE_URLは使わないのでコメントアウトします。PAGE_IDENTIFIERを以下のように書き換えます。quotes).これはPAGE_IDENTIFERをクォート含めた"ghost-{{comment_id}}"に変えてねってことで、上の記述を参考にしてください。restartコマンドを打って完了です。毎度ですが自己責任でおなしゃす。最後に環境だけ、ubuntuです。ghost2.0にしてます。themeはcasperです。・・・ちなみにサーバはKagoyaのVPSですおわりまだ、誰もコメントしてないので、気軽にコメントどうぞ。リアクションだけでもおkではまた。リリースされてたので、更新してみた。リリースされてたので、更新してみた。Cloudflare)この度、アクロヨガジャパンのRisaが全国ツアーをやることになりました。おめでとうございます。今回は、そのツアーのウェブサイトをわたしが作ることになり、ちょっと色々試したく、以下の構成で作成してみましたので、その仕組みを簡単に紹介できればと思います。readYouTube[YouTube]Googleアカウントの動画をブランドアカウントへ移行してみたGoogleアカウントって、自分だけかもしれませんが、仕事でも使うため本名であることが多いんですよね。百歩譲って本名で動画投稿やコメント投稿しても良しとしましょう。切り離す作業が必要になったのです。