Christoph Cullmann 2024-04-28 17:33:09 +02:00
parent 4b35583782
commit e77051ccc4
1987 changed files with 1147290 additions and 5648 deletions

View file

@ -0,0 +1,38 @@
---
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.

View file

@ -0,0 +1,38 @@
---
title: "サムネイル"
date: 2022-09-26
draft: false
description: "記事のサムネイルを変更する。"
slug: "thumbnail_sample"
tags: ["thumbnail", "sample"]
summary: "A quick example of how to start using Thumbnails in your artciles."
type: 'sample'
---
記事でどのようにサムネイルを利用するかの簡単な例です。
記事の平均的なディレクトリが以下のようなものだとしたら:
```shell
content
└── awesome_article.md
```
単一の markdown ファイルから、フォルダーに入っている形式に変更する必要があります。記事の名前と同一のディレクトリを作成し、その中に `index.md` ファイルを作成します。このようにすると、以下のような構成になります。
```shell
content
└── awesome_article
└── featured.png
```
記事内に `feature*` から始まる名前の画像ファイル (ほとんど全てのフォーマットを対応していますが、 `.png``.jpg` を推奨しています) を追加できます。以下が例です。
```shell
content
└── awesome_article
├── index.md
└── featured.png
```
これによって Blowfish は、記事のサムネイルをウェブサイトまたは SNS の <a target="_blank" href="https://oembed.com/">oEmbed</a> カードの紹介画像として利用できます。例としては、この記事の URL を oEmbeds を表示するプラットフォーム (例: Twitter, WhatsApp, Telegram など) にコピーペーストどのように表示されるかをご覧ください。

View file

@ -0,0 +1,38 @@
---
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.

View file

@ -0,0 +1,40 @@
---
title: "缩略图"
date: 2022-09-26
draft: false
description: "在你的文章中开启缩略图。"
slug: "thumbnail_sample"
tags: ["缩略图", "示例"]
summary: "一个展示如何在你的文章中开始使用缩略图的快速示例。"
type: 'sample'
---
这是一个在你的文章使用缩略图的快速示例。
如果你的文章目录看起来像这样:
If your average directory for an article looks like this:
```shell
content
└── awesome_article.md
```
你需要将他从单个 markdown 文件更改为一个同名文件夹。创建一个与文章同名的目录,并在此目录中添加一个 `index.md` 文件。目录结构如下所示:
```shell
content
└── awesome_article
└── featured.png
```
在文件夹内部,你可以添加一个 `feature*` 开头的特征图片(支持几乎所有格式,但推荐使用 `.png``.jpg`)。目录结构如下所示:
```shell
content
└── awesome_article
├── index.md
└── featured.png
```
这将告诉 Blowfish 这篇文章有一个特征图片,这个图片可以在网站作为缩略图使用,也可以用于社交平台上的 <a target="_blank" href="https://oembed.com/">oEmbed</a> 卡片。
作为一个示例,你可以尝试将这篇文章的 URL 复制粘贴到一个可以显示 oEmbeds 的平台,如 Twitter、WhatsApp、Telegram等等。