Skip to main content

Thumbnails

<time datetime="2022-09-26 00:00:00 &#43;0000 UTC">September 26 2022</time><span class="px-2 text-primary-500">&middot;</span><time datetime="2023-08-19 21:44:35 -0500 CDT">Updated: August 19 2023</time><span class="px-2 text-primary-500">&middot;</span><span>160 words</span><span class="px-2 text-primary-500">&middot;</span><span title="Reading time">1 min</span>
Thumbnail Sample

A quick example of how to start using Thumbnails in your articles.

If your average directory for an article looks like this:

content
└── awesome_article.md

You need to change it from a single markdown file into a folder. Create a directory with the same name of the article, inside create a index.md file. You’ll get a structure similar to what’s below.

content
└── awesome_article
    └── featured.png

Inside the article you can now add an image file (almost all formats are supported but we recommend .png or .jpg) that starts with feature*. Example below.

content
└── awesome_article
    β”œβ”€β”€ index.md
    └── featured.png

This will tell Blowfish that this article has a feature image that can be used both as a thumbnail across your website as well as for oEmbed cards across social platforms. As an example, you can try copy pasting the URL of this article into a platform that shows oEmbeds (e.g. Twitter, WhatsApp, Telegram, etc) and see what is displayed.