LoginSignup
0
0

More than 5 years have passed since last update.

Middlemanでアイキャッチを設定するお話

Posted at

以前のご報告とは、方針転換をして移行先を今Middlemanベースで作っています。その中で、サイトデザインを再現するために、アイキャッチ画像を設定する必要がありました。そこで、それを実装するための必要記述群です。

以下、コード

リストページ内

テンプレート内

template.slim
= image_tag current_page.data.eyecatch || '/img/no-img/full.png', :alt=>'eyecatch'

こういった形で、メタデータ内からアイキャッチかプレースホルダー用の画像を表示するようにしています。

記事生成用ファイル内

hogehoge.html.md
---
~~~前略~~~
eyecatch: hogehoge.png
~~~後略~~~
---
~~~以下記事~~~

というようにFrontmatter内に記述してください。この場合、既定画像フォルダ内から探し出してきます。

0
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0
0