[Middleman 3][blog]初めてのMiddleman：Middleman-Blogで記事毎に画像を管理する方法

この記事は書かれてから1年以上経過しており、内容が古い場合があります。

前回はMiddleman-Syntaxを使ったシンタックスハイライトを試しました。今回はMiddleman-Blogで記事毎の画像を管理する方法について小ネタを紹介します。すでにMiddleman-Blogを使っている前提で説明します。Middleman-Blogについてはこちら初めてのMiddleman：サイトにブログ機能を追加するを参考にしてください。

記事データのディレクトリ構造とファイル名を変更する

記事データと一緒に画像ファイルを同じディレクトリで管理できるようにMiddleman-Blogの設定を変更します。変更対象はconfig.sourcesです。articles/{year}/{month}/{day}/{title}/このように年、月、日、タイトルでディレクトリを作り、記事ファイルをindex.html.erbという名前で保存します。例えばこの記事の場合articles/2015/04/06/middleman-management-article-images/index.html.erbとして保存されることになります。

.
└── 2015
    └── 04
        └── 06
            └── middleman-management-article-images
                ├── index.html.md
                └── photo.jpg

config.rb

config.rbの設定サンプルは下記の通りです。

########################
#
# Blog setting
#
########################
activate :blog do |config|
  # This will add a prefix to all links, template references and source paths
  # config.name   = "blog"
  # config.prefix = "blog"

  # Matcher for blog source files
  config.sources = "articles/{year}/{month}/{day}/{title}/index.html"

  # Dist articles
  # config.permalink = "{year}/{month}/{day}/{title}.html"
  # config.summary_separator = /()/
  # config.summary_length    = 250
  # config.taglink           = "tags/{tag}.html"
  # config.year_link         = "{year}.html"
  # config.month_link        = "{year}/{month}.html"
  # config.day_link          = "{year}/{month}/{day}.html"
  # config.default_extension = ".markdown"

  # Layout and Template
  config.layout            = "post"
  config.tag_template      = "tag.html"
  config.calendar_template = "calendar.html"

  # Enable pagination
  config.paginate = true
  # config.per_page = 3
  # config.page_link = "page/{num}"
end

page "/feed.xml", layout: false