JekyllをGitHub Pagesに上げるための準備

GitHub Pagesに登録

GitHubより New Repository を選択。

img

Repository NameGitHubのID.github.com と入力しリポジトリ作成。

img

前回の記事で作成していたJekyll Bootstrapのプッシュ先を追加し、プッシュ。

$ git remote add origin git@github.com:gosyujin/gosyujin.github.com.git
$ git push -u origin master

http://gosyujin.github.com にアクセスしても多分404なので。気長に待つ。

img

その間にSite Urlに上のUrlでも入れとく。

img

そんなこんなでサイトが表示されるようになっているはず。(メールが来たら?)

色々な設定

まずは _config.yml

デフォルトのmarkdownパーサの maruku は日本語をうまくパースしてくれないみたいなので(日本語でリスト表記ができなかった)、 kramdown に変更する。以下の記述を追加。

markdown: kramdown

他、タイトルや名前、TwitterIDなどを編集。

title : kk_Atakaの日記
tagline: 
author :
  name : kk_Ataka
  email : kk_ataka@ring.skr.jp
  github : gosyujin
  twitter : kk_Ataka
  feedburner : feedname

production_urlをGitHub Pagesに。

production_url : http://gosyujin.github.com

ここから先はJekyll Bootstrapでインストールした時に入ったコメント機能とかアクセス解析の設定。

コメント機能

デフォルトでは DISQUS というツールを使用している。まずDISQUS - Elevating the discussionでユーザ登録をする必要がある。(TwitterID等でも可能)

img

img

アカウントを作ったら自分のサイトを登録。

img

ここで入力する shortname を控えておく。

img

_config.yml にさっきの shortname を記述する。 provider もDISQUSになっている事を確認する。

comments :
  provider : disqus
  disqus :
    short_name : kkataka
  (略)

これでいけるはず。(だめならUniversalコードを _includes/JB/comments-providers/disqus に貼り付けてみる?) img

自分のサイトにコメントが書き込まれると、こんな感じでDISQUSに表示される。

img

img

現時点で、DISQUSのコメント欄を日本語にするには Admin => Settings => Disqus 2012 のチェックを外す。DISQUS 2012テーマ(?)はまだ日本語に対応していないらしい。また、 Language はJapaneseにしておくこと。

アクセス解析

デフォルトでは Google Analytics を使用している。トラッキング ID(UA-xxxxxxxx-x)を控えて _config.yml に記述する。

analytics :
  provider : google
  google :
      tracking_id : 'UA-xxxxxxxx-x'

次はレイアウトの変更とかツイートボタン設置とか。

関連記事(この記事の初版より古い記事はリンクがグレーで表示されます)

  1. 2012/09/14 [Ruby] [StartUp] [Jekyll] JekyllとJekyll Bootstrapでかんたん静的サイト生成…するための準備
  2. 2012/11/12 [Ruby] [Jekyll] はてなダイアリーのエントリをJekyllへ移行する
  3. 2012/10/10 [Jekyll] [Liquid] [Ruby] Jekyll(Liquid)で記事の目次を出力するプラグインを作ってみた
  4. 2012/09/21 [Python] [Ruby] [Jekyll] Pygmentsを使ってJekyll内記事のコードハイライトを実現する
  5. 2014/04/01 [Ruby] [Jekyll] [イベント] kawasaki.rb #010 で発表してきました #kwskrb
  6. 2014/01/28 [Jekyll] [GitHub] [Ruby] Jekyllプロジェクトへpull requestを行う手順(したとは言っていない)
  7. 2013/09/07 [Ruby] [Git] [Jekyll] Jekyllバージョンアップの際に思いのほか手こずった話 てっく煮さん製プラグインの更新に追従したい編
  8. 2013/08/09 [Ruby] [Redmine] [MySql] [StartUp] WindowsにRedmine2.3をインストールする手順と、プラグイン作成用メモ
  9. 2013/08/07 [Ruby] [Jekyll] [Git] Jekyllバージョンアップの際に思いのほか手こずった話 Jekyll Bootstrapの更新に追従したい編
  10. 2013/05/27 [Jekyll] [Ruby] Jekyll@GitHub Pagesの運用形態を変えたのでAnalyticsの設定が効かなくなっていた
  11. 2013/05/23 [Jekyll] [Liquid] [Ruby] 記事の目次を出力するJekyllプラグインの改良
  12. 2013/04/11 [Ruby] [Jekyll] Jekyllのバージョンを 0.12.0 にあげた
  13. 2013/04/01 [Ruby] [StartUp] [Chef] 入門Chef Solo - Infrastructure as Code を読みながらChef Soloで遊べるようになるまで
  14. 2013/02/25 [Ruby] [StartUp] Ruby 2.0.0 をpikとrvm経由でインストール&環境構築
  15. 2012/12/25 [Ruby] メモ化を知った