Welcome to Octopress

合同勉強会in大都会岡山 -2012 Winter-
http://partake.in/events/4b7fe4db-858b-4193-b392-3406ed2b571f

Transcript

1. ウェルカム・トゥ・オクトプレス ウェルカム・トゥ・オクトプレス 2012/12/15(Sat) 2012/12/15(Sat) 合同勉強会 合同勉強会in in大都会岡山 大都会岡山
2. About me About me • もじゃ変 • 天領倉敷Scala/岡山Javaユーザ会 • ニンジャヘッズ(重篤)
3. Agenda Agenda • Octopressの紹介 • デモ(Octopressでの記事作成～デプロイ) • Octopressライフが捗るTips
4. Octopress Octopressの紹介 の紹介
5. Octopress Octopressとは とは • ブログ風の静的HTMLを生成する アプリケーション • Ruby製のファイルジェネレータJekyllに ブログライクなテンプレート/専用のrake コマンド群を追加したもの • ローカルで記事を作成してGitHub Pages/ Heroku等にデプロイする • 記事はmarkdown/textileで記述
6. Octopress Octopressとは とは • GitHub – 言わずと知れたGitリポジトリのホスティングサー ビス • GitHub Pages – GitHub上で静的なWebページを公開するための サービス – 専用のリポジトリ(1ユーザにつき1つ)に静的なWeb ページをPushすることで、公開される
7. Octopress Octopressとは とは html documents(local) github repository github:pages 1.push 2.deploy
8. Octopress Octopressとは とは blog entry(md/textile) github repository github:pages 1.html generate 3.deploy ------ ------ ------ ------ octopress 2.push ※厳密にはGitHub Pages上のJekyllがよしなにしてくれる
9. Octopress Octopressの導入 の導入 ※Ruby 1.9.2以上が必要 $ git clone git://github.com/imathis/octopress.git octopress $ cd octopress $ gem install bundler $ bundle install $ rake install $ rake setup_github_pages
10. デモ デモ (Octopress (Octopressでの記事作成～デプロイ での記事作成～デプロイ) )
11. 記事を新規作成する 記事を新規作成する $ rake new_post[“記事のタイトル”]
12. 作成した記事のプレビュー 作成した記事のプレビュー $ rake generate $ rake preview
13. 作成した記事のデプロイ 作成した記事のデプロイ $ rake deploy
14. Octopress Octopressライフが捗る ライフが捗るTips Tips
15. 設定ファイルについて 設定ファイルについて
16. Octopress Octopressのテーマを変更する のテーマを変更する • https://github.com/imathis/octopress/wiki/3rd-Party-Octopress-Themes $ cd octopress $ git clone GIT_URL .themes/THEME_NAME $ rake install['THEME_NAME'] $ rake generate
17. Octopress Octopressをバージョン管理する をバージョン管理する • 直下以下をそのままgitとかに突っ込めばOK • .gitignoreで_deployディレクトリ以下を除外
18. さいごに さいごに
19. Octopress Octopressのいいところ のいいところ • 好きなエディタでゴリゴリできる • バージョン管理できる • 静的HTMLが吐かれる • 気になるところは自分で弄れる
20. Octopress Octopressのいくないところ のいくないところ • 記事を書くために環境を作らないといけない – 会社PCでゴリゴリやりにくい • テーマとかあんまりない • 画像のアップロードは別でやらないといけな い