diff options
Diffstat (limited to 'themes/blowfish/exampleSite/content/samples/thumbnail_sample')
4 files changed, 154 insertions, 0 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 new file mode 100644 index 0000000..06f4118 --- /dev/null +++ b/themes/blowfish/exampleSite/content/samples/thumbnail_sample/index.it.md @@ -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. diff --git a/themes/blowfish/exampleSite/content/samples/thumbnail_sample/index.ja.md b/themes/blowfish/exampleSite/content/samples/thumbnail_sample/index.ja.md new file mode 100644 index 0000000..af606f1 --- /dev/null +++ b/themes/blowfish/exampleSite/content/samples/thumbnail_sample/index.ja.md @@ -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 など) にコピーペーストどのように表示されるかをご覧ください。 diff --git a/themes/blowfish/exampleSite/content/samples/thumbnail_sample/index.md b/themes/blowfish/exampleSite/content/samples/thumbnail_sample/index.md new file mode 100644 index 0000000..06f4118 --- /dev/null +++ b/themes/blowfish/exampleSite/content/samples/thumbnail_sample/index.md @@ -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. diff --git a/themes/blowfish/exampleSite/content/samples/thumbnail_sample/index.zh-cn.md b/themes/blowfish/exampleSite/content/samples/thumbnail_sample/index.zh-cn.md new file mode 100644 index 0000000..e93f0ae --- /dev/null +++ b/themes/blowfish/exampleSite/content/samples/thumbnail_sample/index.zh-cn.md @@ -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等等。 |