Skip to main content
  1. Samples/

Thumbnails

·160 words·1 min·
Thumbnail Sample
Alan Sun
Author
Alan Sun
举头望明月 明月照沟渠

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.

Related

Icons
·210 words·1 min
Icons Sample Shortcodes
Markdown
·472 words·3 mins
Markdown Css Html Sample
Rich Content
·148 words·1 min
Shortcodes Privacy Sample Gist Twitter Youtube Vimeo
Placeholder Text
··271 words·2 mins
Markdown Text Sample Latin
Mathematical notation
·150 words·1 min
Sample Katex Maths Shortcodes
Charts
81 words·1 min
Chart Sample Graph Shortcodes
Diagrams and Flowcharts
·250 words·2 mins
Mermaid Sample Diagram Shortcodes
Emoji 🪂
·97 words·1 min
Emoji Sample
Thumbnails
249 words·2 mins
Thumbnail Config Docs