メインコンテンツへスキップ
  1. サンプル/

サムネイル

1 分·
thumbnail sample
Blowfish
著者
Blowfish
強力で、軽量な Hugo のテーマです。

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

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

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 など) にコピーペーストどのように表示されるかをご覧ください。

関連記事

アイコン
1 分
icons sample shortcodes
Markdown
3 分
markdown css html sample
リッチコンテンツ
1 分
shortcodes privacy sample gist twitter youtube vimeo
代用語文
·1 分
markdown text sample latin
数学的記法
1 分
sample katex maths shortcodes
ダイアグラムとフローチャート
2 分
mermaid sample diagram shortcodes