Translate guides, sample(Diagram, Emoji, External)

- exampleSite\content\guides\_index.zh-cn.md
- exampleSite\content\samples\diagrams-flowcharts\index.zh-cn.md
- exampleSite\content\samples\emoji\index.zh-cn.md
- exampleSite\content\samples\external\index.zh-cn.md
This commit is contained in:
Aphcity 2024-03-21 15:05:17 +08:00
parent 7df76e9a32
commit 32b8aa5876
4 changed files with 28 additions and 28 deletions

View file

@ -1,6 +1,6 @@
--- ---
title: "Recipes" title: "使用指南"
description: "Recipes, guides, and tutorials for Blowfish" description: "Blowfish 的使用指南和教程"
cascade: cascade:
showDate: false showDate: false
@ -9,11 +9,11 @@ cascade:
--- ---
{{< lead >}} {{< lead >}}
Recipes, guides, and tutorials for Blowfish Blowfish 的使用指南和教程
{{< /lead >}} {{< /lead >}}
**Blowfish user?** To add your guide to this list, [check the template](/guides/template/). **您是 Blowfish 的用户吗?** 要将您自己编写的指南添加到此列表,请查看[参考模板](/guides/template/)。
This section contains guides for a variety of scenarios on how to configure your theme. If you're new, check out the [Installation]({{< ref "docs/installation" >}}) guide to begin or visit the [Samples]({{< ref "samples" >}}) section to see what Blowfish can do. 本部分包含有关如何配置主题的各种指南。如果您是新用户,请查看 [安装]({{< ref "docs/installation" >}}) 指南或查看 [示例]({{< ref "samples" >}}) 部分来了解 Blowfish 能做出什么效果的网页。
--- ---

View file

@ -1,19 +1,19 @@
--- ---
title: "Diagrams and Flowcharts" title: "流程图和思维导图"
date: 2019-03-06 date: 2019-03-06
description: "Guide to Mermaid usage in Blowfish" description: "Blowfish 中 Mermaid 的使用指南"
summary: "It's easy to add diagrams and flowcharts to articles using Mermaid." summary: "使用 Mermaid 可以轻松地将图表和流程图添加到文章中。"
tags: ["mermaid", "sample", "diagram", "shortcodes"] tags: ["mermaid", "示例", "流程图", "简码"]
type: 'sample' type: 'sample'
--- ---
Mermaid diagrams are supported in Blowfish using the `mermaid` shortcode. Simply wrap the diagram markup within the shortcode. Blowfish automatically themes Mermaid diagrams to match the configured `colorScheme` parameter. Blowfish 使用 `mermaid` 简码可以调用。Blowfish 会根据配置的 `colorScheme` 参数自动调用 Mermaid 生成流程图或者思维导图。
Refer to the [mermaid shortcode]({{< ref "docs/shortcodes#mermaid" >}}) docs for more details. 有关更多详细信息,请参阅 [Mermaid 简码]({{< ref "docs/shortcodes#mermaid" >}}) 文档。
The examples below are a small selection taken from the [official Mermaid docs](https://mermaid-js.github.io/mermaid/). You can also [view the page source](https://raw.githubusercontent.com/nunocoracao/blowfish/main/exampleSite/content/samples/diagrams-flowcharts/index.md) on GitHub to see the markup. 下面的示例是从[官方 Mermaid 文档](https://mermaid-js.github.io/mermaid/) 中选取的一小部分。您还可以在 GitHub 上[查看页面源代码](https://raw.githubusercontent.com/nunocoracao/blowfish/main/exampleSite/content/samples/diagrams-flowcharts/index.md) 查看书写方法。
## Flowchart ## 流程图
<div style="background-color:white; padding: 20px"> <div style="background-color:white; padding: 20px">
{{< mermaid >}} {{< mermaid >}}
@ -34,7 +34,7 @@ end
{{< /mermaid >}} {{< /mermaid >}}
</div> </div>
## Sequence diagram ## 时序图
<div style="background-color:white; padding: 20px"> <div style="background-color:white; padding: 20px">
{{< mermaid >}} {{< mermaid >}}
@ -56,7 +56,7 @@ end
{{< /mermaid >}} {{< /mermaid >}}
</div> </div>
## Class diagram ## 类图
<div style="background-color:white; padding: 20px"> <div style="background-color:white; padding: 20px">
{{< mermaid >}} {{< mermaid >}}
@ -84,7 +84,7 @@ class Zebra{
{{< /mermaid >}} {{< /mermaid >}}
</div> </div>
## Entity relationship diagram ## 实体关系图
<div style="background-color:white; padding: 20px"> <div style="background-color:white; padding: 20px">
{{< mermaid >}} {{< mermaid >}}

View file

@ -1,20 +1,20 @@
--- ---
title: "Emoji :parachute:" title: "Emoji 表情符号 :parachute:"
date: 2019-03-05 date: 2019-03-05
description: "Guide to Emoji usage in Blowfish" description: "Blowfish 中的表情符号使用指南"
summary: "📖🏞️🧗🏽🐉🧙🏽‍♂️🧚🏽👸" summary: "📖🏞️🧗🏽🐉🧙🏽‍♂️🧚🏽👸"
tags: ["emoji", "sample"] tags: ["emoji", "示例"]
type: 'sample' type: 'sample'
--- ---
Emoji is supported throughout Blowfish by default. Emoji can be used in titles, menu items and article content. Blowfish 支持 Emoji 表情符号。Emoji 表情符号可用于标题、菜单项和文章内容。
{{< alert >}} {{< alert >}}
**Note:** The rendering of these glyphs depends on the browser and the platform. To style the emoji you can either use a third party emoji font or a font stack. **注意:** Emoji 的显示效果取决于您的浏览器和操作系统。要设置统一的表情符号样式,您可以使用第三方 Emoji 表情符号字体。
{{< /alert >}} {{< /alert >}}
Emoji replacements are automatic throughout Blowfish, so you can use shorthand codes in your content and front matter and they will be converted to their corresponding symbols at build time. Blowfish 会自动的进行表情符号渲染,因此您可以在内容和 frontmatter 中使用 Emoji 表情代码,它们将在构建时转换为相应的 Emoji。
**Example:** `see_no_evil` :see_no_evil:, `hear_no_evil` :hear_no_evil:, `speak_no_evil` :speak_no_evil:. **例如:** `see_no_evil` :see_no_evil:, `hear_no_evil` :hear_no_evil:, `speak_no_evil` :speak_no_evil:.
The [Emoji cheat sheet](http://www.emoji-cheat-sheet.com/) is a useful reference for emoji shorthand codes. [Emoji 清单](http://www.emoji-cheat-sheet.com/) 可以很方便的查找 Emoji 对应的表情代码。

View file

@ -1,8 +1,8 @@
--- ---
title: "An External Article" title: "外部文章"
date: 2019-01-24 date: 2019-01-24
externalUrl: "https://nunocoracao.com/projects/" externalUrl: "https://nunocoracao.com/projects/"
summary: "The `externalUrl` front matter parameter can link to any URL." summary: "`externalUrl` front matter 参数可以链接到任何外部 URL."
showReadingTime: true showReadingTime: true
_build: _build:
render: "false" render: "false"
@ -10,6 +10,6 @@ _build:
type: 'sample' type: 'sample'
--- ---
This page uses the `externalUrl` front matter parameter to link to an article outside of this Hugo website. 此页面使用 `externalUrl` front matter 参数链接到 Hugo 网站之外的文章。
It's great for things like linking to posts on Medium or to research papers you may have hosted on third party websites. 它非常适合链接到 Medium 上的帖子或在第三方网站上托管的文章。