Skip to main content
  1. Samples/

Thumbnails

·1 min·
Thumbnail Sample
Notaspampeanas
Author
Notaspampeanas
Digging on curiosity and science.

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
·1 min
Icons Sample Shortcodes
Markdown
·3 mins
Markdown Css Html Sample
Rich Content
·1 min
Shortcodes Privacy Sample Gist Twitter Youtube Vimeo
Placeholder Text
··2 mins
Markdown Text Sample Latin
Mathematical notation
·1 min
Sample Katex Maths Shortcodes
Charts
1 min
Chart Sample Graph Shortcodes