myy*MAKE*blog

MAKE makes myy happy

GitHubとOctopressとBitbucketでブログをつくってみた

タイトルの通りです． GitHub PagesとOctopressとBitBucketを使って，ブログをつくってみました．

ブログをつくってみた経緯

GitHubを使って，これまで作ってみたものをGitHub Pages上に作った自分のページに置いておこうかなあと数ヶ月前から考えていました．

いろいろ調べていくうちにブログを構築できるということを知って， 「じゃあブログつくってみよう！」 ということで，ブログを作ってみました．

GitHub Pages 上にブログを作るまでの手順

参考サイトさま

GitHub Pages に自分のページをつくる

リポジトリ myy.github.com をつくった． つくったあとに，最新のヘルプだと username.github.io になっていることに気づいたけど，問題ないみたい．

Octopressでブログを構築する

Octopress を自分の DropBox 上にインストールする．

1

git clone git://github.com/imathis/octopress.git octopress

gem install bundler したら，ruby 1.9.3-p194 がねぇぞ！と怒られたので，1.9.3-p194をインストールする．

1

rbenv install 1.9.3-p194

octopressディレクトリでRubyのバージョンを確認すると，インストールしたばかりの1.9.3-p194を使用することになっていた．git cloneしたOctopressでは1.9.3-p194を使うという設定なのかな？

1

gem install bundler

bundle installで以下のエラーが出た．

1
2
3

Gem::InstallError: liquid requires RubyGems version >= 1.3.7. Try 'gem update --system' to update RubyGems itself.
An error occurred while installing liquid (2.3.0), and Bundler cannot continue.
Make sure that `gem install liquid -v '2.3.0'` succeeds before bundling.

エラーメッセージに従う．

1
2

gem update --system
gem install liquid -v '2.3.0'

bundle installで同じエラーが出る．liquidはインストールされていることを確認．

1
2

rbenv rehash
bundle install

成功．rubyやgemのインストール，アップデートを反映させていなかったっぽい？

1
2
3
4

rake setup_github_pages
rake generate
rake preview
rake deploy

rake deployで，生成されたページのデータやらをGitHubにpushしているのかなあ？

構築したブログを設定する

_config.ymlを編集する

  • テーマを変更したかったけど，特に気に入るものはなかったのでデフォルトのまま．
  • はてブボタンを追加した（はてなスターはどうやって追加するんだろう）

投稿のテスト

新しい記事を作って，source/_post/*.markdownを適宜編集する．

1
2
3
4

rake new_post['title']
rake generate
rake preview
rake deploy

Bitbucketで投稿を管理する

  • Bitbucketにアカウントを作る
  • ssh keyを設定する
  • octopressリポジトリを非公開で作る
  • Bitbucktのほうにgit pushする
    • GitHub Pagesのほうにはrake deployのみ．git pushしない．

（おまけ）Sublime Text 2でmarkdownを書く環境を整える

おわりに

はてなブログも利用しているけれど，つくったものに関してはこちらにまとめていこうと思います．

ブログつくるまで，めっちゃたのしかったー！

Comments