1. 時代はMiddleman
Hiroshima.rb #035
もりしー

2. 自己紹介
もりした ともひろ
本職：広島工業大学 学生(あと5ヶ月)
顔本：本名プレイ
つぶやき：CentBoss
Github：moriC
来年から東京に行きますー

3. ベストツイート

4. 学生さん。
勉強会に積極的に行きましょう！

5. 最近の頑張り

6. 時代はMiddleman

7. Middlemanって何？

8. Middlemanって何？
静的サイトジェネレータ
Ruby製
Sinatraがベース
日本語翻訳サイト有
ブログが作れる

9. 静的サイトジェネレータ
ローカル環境でサイトを構築
サーバへはサイト構成するファイルのみをアップする
DBを使用しない
Github Pagesで使用できる

10. 静的サイトジェネレータ
Jekyll
Octopress
Middleman
Hakyll
etc…

11. ブログを書くまでが勉強会です

12. Github Pagesを使って書きたい
だって「github.io」ドメインかっこいいじゃん

13. 時代はMiddlemanだよ by eielhさん

14. 使ってみるしかない！

15. 導入方法

16. Middlemanでしたこと

17. BlogをMiddlemanへ
Octopressからデータ移行
ショートカットコマンド作成

18. BlogをMiddlemanへ
middleman init . --template=blog
↑これだけでblog環境が構築できる↑
・ブログ記事の表示
・タグ別表示
・年別表示
・最新の記事の表示

19. BlogをMiddlemanへ

20. BlogをMiddlemanへ
activate :blog do ¦blog¦
blog.prefix = blog/:year/:month/" ←URLのプレフィックスを設定できる
blog.permalink = :title ←プレフィックスの続きの表示方法
# blog.sources = ":year-:month-:day-:title.html"
# blog.taglink = "tags/:tag.html"
blog.layout = layouts/blog" ←適応するレイアウト
blog.summary_separator = /(READMORE)/ ←要約時の表示方法
blog.summary_length = 50 ←要約する際の字数
# blog.year_link = ":year.html"
# blog.month_link = ":year/:month.html"
# blog.day_link = ":year/:month/:day.html"
# blog.default_extension = ".markdown"
!
blog.tag_template = "tag.html"
blog.calendar_template = "calendar.html"
!
blog.paginate = true ←ページネーションを有効化する
blog.per_page = 3 ←1ページに表示する記事数
blog.page_link = "page/:num"
end

21. BlogをMiddlemanへ

22. BlogをMiddlemanへ
最新記事
記事表示
タグ
年別
ページネーション

23. これだけでここまでできる！

25. Octopressからデータ移行
octopressの記事データ「∼.markdown」を
blog/該当年/該当月のフォルダに入れる
↓
拡張子を「∼.html.markdown」に修正する
↓
frontmaterをmiddlemanに合わせる
↓
完成

26. これだけで移行できる！

28. ショートカットコマンド作成
octopressを参考にRakefileを作成
・記事データの自動生成
・デプロイ時の簡略化

29. 簡単に作れる！

30. Rakefileやべぇ！

31. Gistにあげておきます。

32. これから頑張りたいこと

33. シンタックスハイライトをつけたい
画像をうまく使えるようにしたい
デザイン勉強したい（たぶん

34. 結論

35. Middleman使いやすい！

36. ご清聴ありがとうございました