diff options
author | Christoph Cullmann <cullmann@kde.org> | 2024-04-29 22:50:58 +0200 |
---|---|---|
committer | Christoph Cullmann <cullmann@kde.org> | 2024-04-29 22:50:58 +0200 |
commit | 015090549306ba6fd0c84a874b58559c4a1fa8fb (patch) | |
tree | 75fdfde4a7a3eb2431b36d1bad7409939be5e4d5 /themes/blowfish/exampleSite/content/samples/thumbnail_sample/index.it.md | |
parent | ccbdfed13b8195d550899d66bf193d2fd33880e9 (diff) |
update theme without example page
Diffstat (limited to 'themes/blowfish/exampleSite/content/samples/thumbnail_sample/index.it.md')
-rw-r--r-- | themes/blowfish/exampleSite/content/samples/thumbnail_sample/index.it.md | 38 |
1 files changed, 0 insertions, 38 deletions
diff --git a/themes/blowfish/exampleSite/content/samples/thumbnail_sample/index.it.md b/themes/blowfish/exampleSite/content/samples/thumbnail_sample/index.it.md deleted file mode 100644 index 06f4118..0000000 --- a/themes/blowfish/exampleSite/content/samples/thumbnail_sample/index.it.md +++ /dev/null @@ -1,38 +0,0 @@ ---- -title: "Thumbnails" -date: 2022-09-26 -draft: false -description: "Turn on thumbnails for your articles." -slug: "thumbnail_sample" -tags: ["thumbnail", "sample"] -summary: "A quick example of how to start using Thumbnails in your artciles." -type: 'sample' ---- - -A quick example of how to start using Thumbnails in your articles. - -If your average directory for an article looks like this: - -```shell -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. - -```shell -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. - -```shell -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 <a target="_blank" href="https://oembed.com/">oEmbed</a> 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. |