Skip to main content
  1. Samples/

Thumbnails

1 min· loading · loading · ·
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.

Thita
Author
Thita
Cyber Creator
ACG Art・3D・Digital Media
Welcome to THITAart!
This is my space to share
my creations, notes, and thoughts.
Dive into my cyber world —
explore, get inspired, and spark
your own creativity.
Get in touch:

Related

Icons
·1 min· loading · loading
Icons Sample Shortcodes
Thumbnails
2 mins· loading · loading
Thumbnail Config Docs
Markdown
3 mins· loading · loading
Markdown Css Html Sample
Rich Content
1 min· loading · loading
Shortcodes Privacy Sample Gist Twitter Youtube Vimeo
Placeholder Text
·2 mins· loading · loading
Markdown Text Sample Latin
Mathematical notation
1 min· loading · loading
Sample Katex Maths Shortcodes