cullmann.io/themes/blowfish/exampleSite/content/samples/thumbnail_sample/index.ja.md

1.6 KiB

title date draft description slug tags summary type
サムネイル 2022-09-26 false 記事のサムネイルを変更する。 thumbnail_sample
thumbnail
sample
A quick example of how to start using Thumbnails in your artciles. sample

記事でどのようにサムネイルを利用するかの簡単な例です。

記事の平均的なディレクトリが以下のようなものだとしたら:

content
└── awesome_article.md

単一の markdown ファイルから、フォルダーに入っている形式に変更する必要があります。記事の名前と同一のディレクトリを作成し、その中に index.md ファイルを作成します。このようにすると、以下のような構成になります。

content
└── awesome_article
    └── featured.png

記事内に feature* から始まる名前の画像ファイル (ほとんど全てのフォーマットを対応していますが、 .png.jpg を推奨しています) を追加できます。以下が例です。

content
└── awesome_article
    ├── index.md
    └── featured.png

これによって Blowfish は、記事のサムネイルをウェブサイトまたは SNS の oEmbed カードの紹介画像として利用できます。例としては、この記事の URL を oEmbeds を表示するプラットフォーム (例: Twitter, WhatsApp, Telegram など) にコピーペーストどのように表示されるかをご覧ください。