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

サムネイル

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

Related

アイコン
1 分· loading · loading
icons sample shortcodes
Thumbnails
2 分· loading · loading
thumbnail config docs
Markdown
3 分· loading · loading
markdown css html sample
リッチコンテンツ
1 分· loading · loading
shortcodes privacy sample gist twitter youtube vimeo
代用語文
·1 分· loading · loading
markdown text sample latin
数学的記法
1 分· loading · loading
sample katex maths shortcodes