メインコンテンツへスキップ
  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