mirror of
https://github.com/nunocoracao/blowfish.git
synced 2025-01-22 22:45:42 -06:00
Translate sample pages
- exampleSite\content\samples\rich-content\index.zh-cn.md - exampleSite\content\samples\placeholder-text\index.zh-cn.md - exampleSite\content\samples\multiple-authors\index.zh-cn.md - exampleSite\content\samples\mathematical-notation\index.zh-cn.md - exampleSite\content\samples\markdown\index.zh-cn.md - exampleSite\content\samples\_index.zh-cn.md
This commit is contained in:
parent
32b8aa5876
commit
0f48b1a16d
6 changed files with 53 additions and 53 deletions
|
@ -12,7 +12,7 @@ cascade:
|
|||
Blowfish 让你的内容栩栩如生。 :heart_eyes:
|
||||
{{< /lead >}}
|
||||
|
||||
本节包含一些演示页面,展示了Blowfish如何呈现不同类型的内容。你还可以看到一个[分类列表]({{< ref "tags" >}})页面的示例。
|
||||
本节包含一些示例页面,展示了Blowfish如何呈现不同类型的内容。你还可以参考[标签]({{< ref "tags" >}})页面的示例。
|
||||
|
||||
|
||||
_**旁注:** 这个页面只是一个标准的Blowfish文章列表,并且已经配置了Hugo来生成一个 `samples` 内容类型并显示文章摘要。_
|
||||
|
|
|
@ -1,18 +1,18 @@
|
|||
---
|
||||
title: "Markdown"
|
||||
date: 2019-03-11
|
||||
description: "Sample article showcasing basic Markdown syntax and formatting for HTML elements."
|
||||
tags: ["markdown", "css", "html", "sample"]
|
||||
description: "在 Markdown 文章中添加 HTML 元素的基本语法和格式。"
|
||||
tags: ["markdown", "css", "html", "示例"]
|
||||
type: 'sample'
|
||||
---
|
||||
|
||||
This article offers a sample of basic Markdown formatting that can be used in Blowfish, also it shows how some basic HTML elements are decorated.
|
||||
本文提供了可在 Blowfish 中使用的基本 Markdown 格式示例,还展示了如何加入一些基本 HTML 元素。
|
||||
|
||||
<!--more-->
|
||||
|
||||
## Headings
|
||||
## 标题
|
||||
|
||||
The following HTML `<h1>`—`<h6>` elements represent six levels of section headings. `<h1>` is the highest section level while `<h6>` is the lowest.
|
||||
以下 HTML 元素 `<h1>`—`<h6>` 表示六个级别的标题。 `<h1>` 是最高的标题级别,而 `<h6>` 是最低的。
|
||||
|
||||
# H1
|
||||
|
||||
|
@ -26,46 +26,46 @@ The following HTML `<h1>`—`<h6>` elements represent six levels of section head
|
|||
|
||||
###### H6
|
||||
|
||||
## Paragraph
|
||||
## 段落
|
||||
|
||||
Xerum, quo qui aut unt expliquam qui dolut labo. Aque venitatiusda cum, voluptionse latur sitiae dolessi aut parist aut dollo enim qui voluptate ma dolestendit peritin re plis aut quas inctum laceat est volestemque commosa as cus endigna tectur, offic to cor sequas etum rerum idem sintibus eiur? Quianimin porecus evelectur, cum que nis nust voloribus ratem aut omnimi, sitatur? Quiatem. Nam, omnis sum am facea corem alique molestrunt et eos evelece arcillit ut aut eos eos nus, sin conecerem erum fuga. Ri oditatquam, ad quibus unda veliamenimin cusam et facea ipsamus es exerum sitate dolores editium rerore eost, temped molorro ratiae volorro te reribus dolorer sperchicium faceata tiustia prat.
|
||||
|
||||
Itatur? Quiatae cullecum rem ent aut odis in re eossequodi nonsequ idebis ne sapicia is sinveli squiatum, core et que aut hariosam ex eat.
|
||||
|
||||
## Blockquotes
|
||||
## 块引用
|
||||
|
||||
The blockquote element represents content that is quoted from another source, optionally with a citation which must be within a `footer` or `cite` element, and optionally with in-line changes such as annotations and abbreviations.
|
||||
块引用表示从其他来源引用的内容,可以用于位于 `footer` 或 `cite` 元素内的引文,并且可以表示一些补充说明(例如注释和缩写)。
|
||||
|
||||
### Blockquote without attribution
|
||||
### 没有参考链接的块引用
|
||||
|
||||
> Tiam, ad mint andaepu dandae nostion secatur sequo quae.
|
||||
> **Note** that you can use _Markdown syntax_ within a blockquote.
|
||||
|
||||
### Blockquote with attribution
|
||||
### 有参考链接的块引用
|
||||
|
||||
> Don't communicate by sharing memory, share memory by communicating.<br>
|
||||
> — <cite>Rob Pike[^1]</cite>
|
||||
|
||||
[^1]: The above quote is excerpted from Rob Pike's [talk `about` nothing](https://www.youtube.com/watch?v=PAAkCSZUG1c) during Gopherfest, November 18, 2015.
|
||||
[^1]: 上述引文摘自 Rob Pike 在 2015 年 11 月 18 日 Gopherfest 期间的[谈论“什么都没有”](https://www.youtube.com/watch?v=PAAkCSZUG1c)。
|
||||
|
||||
## Tables
|
||||
## 表格
|
||||
|
||||
Tables aren't part of the core Markdown spec, but Hugo supports supports them out-of-the-box.
|
||||
表格不是核心 Markdown 规范的一部分,但 Hugo 支持渲染。
|
||||
|
||||
| Name | Age |
|
||||
| ----- | --- |
|
||||
| Bob | 27 |
|
||||
| Alice | 23 |
|
||||
|
||||
### Inline Markdown within tables
|
||||
### 表格内内联 Markdown
|
||||
|
||||
| Italics | Bold | Code |
|
||||
| --------- | -------- | ------ |
|
||||
| _italics_ | **bold** | `code` |
|
||||
|
||||
## Code Blocks
|
||||
## 代码块
|
||||
|
||||
### Code block with backticks
|
||||
### 带反引号的代码块
|
||||
|
||||
```html
|
||||
<!DOCTYPE html>
|
||||
|
@ -80,7 +80,7 @@ Tables aren't part of the core Markdown spec, but Hugo supports supports them ou
|
|||
</html>
|
||||
```
|
||||
|
||||
### Code block indented with four spaces
|
||||
### 缩进四个空格的代码块
|
||||
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
|
@ -93,7 +93,7 @@ Tables aren't part of the core Markdown spec, but Hugo supports supports them ou
|
|||
</body>
|
||||
</html>
|
||||
|
||||
### Code block with Hugo's internal highlight shortcode
|
||||
### 带有 Hugo 内部高亮简码的代码块
|
||||
|
||||
{{< highlight html "linenos=table,hl_lines=4 7-9" >}}
|
||||
|
||||
|
@ -109,21 +109,21 @@ Tables aren't part of the core Markdown spec, but Hugo supports supports them ou
|
|||
</html>
|
||||
{{< /highlight >}}
|
||||
|
||||
## List Types
|
||||
## 列表
|
||||
|
||||
### Ordered List
|
||||
### 有序列表
|
||||
|
||||
1. First item
|
||||
2. Second item
|
||||
3. Third item
|
||||
|
||||
### Unordered List
|
||||
### 无序列表
|
||||
|
||||
- List item
|
||||
- Another item
|
||||
- And another item
|
||||
|
||||
### Nested list
|
||||
### 嵌套列表
|
||||
|
||||
- Fruit
|
||||
- Apple
|
||||
|
@ -133,7 +133,7 @@ Tables aren't part of the core Markdown spec, but Hugo supports supports them ou
|
|||
- Milk
|
||||
- Cheese
|
||||
|
||||
## Other Elements — abbr, sub, sup, kbd, mark
|
||||
## 其他元素 — abbr、sub、sup、kbd、mark
|
||||
|
||||
<abbr title="Graphics Interchange Format">GIF</abbr> is a bitmap image format.
|
||||
|
||||
|
|
|
@ -1,29 +1,29 @@
|
|||
---
|
||||
title: Mathematical notation
|
||||
title: 数学表达式
|
||||
date: 2019-03-08
|
||||
description: A brief sample of mathematical notation in Blowfish.
|
||||
tags: ["sample", "katex", "maths", "shortcodes"]
|
||||
description: Blowfish 中数学表达式的简短示例。
|
||||
tags: ["示例", "katex", "数学", "简码"]
|
||||
type: 'sample'
|
||||
---
|
||||
|
||||
KaTeX can be used to render mathematical notation within articles.
|
||||
KaTeX 可用于在文章中呈现数学表达式。
|
||||
|
||||
<!--more-->
|
||||
|
||||
{{< katex >}}
|
||||
|
||||
Blowfish will only bundle the KaTeX assets into your project if you make use of mathematical notation. In order for this to work, simply include the [`katex` shortcode]({{< ref "docs/shortcodes#katex" >}}) within the article. Example below:
|
||||
如果您想要使用数学符号,Blowfish 会将 KaTeX 自动加入到您的项目中。只需在文章中包含 [`katex` 短代码]({{< ref "docs/shortcodes#katex" >}}) 即可。参考下面的例子:
|
||||
|
||||
```md
|
||||
{{</* katex */>}}
|
||||
```
|
||||
Any KaTeX syntax on that page will then be automatically rendered. Use the online reference of [supported TeX functions](https://katex.org/docs/supported.html) for the available syntax.
|
||||
该页面上的任何 KaTeX 语法都会自动渲染。使用[支持的 TeX 函数](https://katex.org/docs/supported.html) 的在线参考来获取可用语法。
|
||||
|
||||
## Inline notation
|
||||
## 内联表示法
|
||||
|
||||
Inline notation can be generated by wrapping the expression in `\\(` and `\\)` delimiters.
|
||||
可以通过将表达式包装在 `\\(` 和 `\\)` 分隔符中来生成内联表示法。
|
||||
|
||||
**Example:**
|
||||
**例如:**
|
||||
|
||||
```tex
|
||||
% KaTeX inline notation
|
||||
|
@ -32,11 +32,11 @@ Inline notation: \\(\varphi = \dfrac{1+\sqrt5}{2}= 1.6180339887…\\)
|
|||
|
||||
Inline notation: \\(\varphi = \dfrac{1+\sqrt5}{2}= 1.6180339887…\\)
|
||||
|
||||
## Block notation
|
||||
## 表达式块
|
||||
|
||||
Alternatively, block notation can be generated using `$$` delimiters. This will output the expression in its own HTML block.
|
||||
可以使用 `$$` 分隔符生成表达式块。这将在其 HTML 块中输出表达式。
|
||||
|
||||
**Example:**
|
||||
**例如:**
|
||||
|
||||
```tex
|
||||
% KaTeX block notation
|
||||
|
|
|
@ -1,10 +1,10 @@
|
|||
---
|
||||
title: "Multiple Authors"
|
||||
title: "多作者"
|
||||
date: 2022-10-12
|
||||
draft: false
|
||||
description: "Sample for a multiple author setup"
|
||||
tags: ["authors", "sample"]
|
||||
summary: "A quick example of how multiple authors could be used."
|
||||
description: "多作者设置示例"
|
||||
tags: ["作者", "示例"]
|
||||
summary: "如何使用多个作者的简单示例。"
|
||||
showAuthor: false
|
||||
authors:
|
||||
- "nunocoracao"
|
||||
|
@ -12,4 +12,4 @@ authors:
|
|||
type: 'sample'
|
||||
---
|
||||
|
||||
This is an example of how an article with multiple authors will look like.
|
||||
这是具有多个作者的文章的示例。
|
|
@ -1,10 +1,10 @@
|
|||
---
|
||||
title: "Placeholder Text"
|
||||
title: "文本占位符"
|
||||
date: "2019-03-09"
|
||||
lastmod: "2022-01-24"
|
||||
draft: false
|
||||
description: "Lorem Ipsum Dolor Si Amet"
|
||||
tags: ["markdown", "text", "sample", "latin"]
|
||||
tags: ["markdown", "文本", "示例", "拉丁语"]
|
||||
showDateUpdated: true
|
||||
xml: false
|
||||
type: 'sample'
|
||||
|
|
|
@ -1,36 +1,36 @@
|
|||
---
|
||||
title: "Rich Content"
|
||||
title: "简码示例"
|
||||
date: 2019-03-10
|
||||
description: "A brief description of Hugo Shortcodes"
|
||||
summary: "This is an _example_ of a **rich** content summary."
|
||||
tags: ["shortcodes", "privacy", "sample", "gist", "twitter", "youtube", "vimeo"]
|
||||
description: "Hugo 简码的简要说明"
|
||||
summary: "这是**简码**内容的示例。"
|
||||
tags: ["简码", "隐私", "示例", "gist", "twitter", "youtube", "vimeo"]
|
||||
type: 'sample'
|
||||
---
|
||||
|
||||
Hugo ships with several [built-in shortcodes](https://gohugo.io/content-management/shortcodes/#use-hugos-built-in-shortcodes) for rich content, along with a [privacy config](https://gohugo.io/about/hugo-and-gdpr/) and a set of _simple shortcodes_ that enable static and no-JS versions of various social media embeds.
|
||||
Hugo 附带了几个用于丰富内容的[内置简码](https://gohugo.io/content-management/shortcodes/#use-hugos-built-in-shortcodes),以及一个[隐私配置](https: //gohugo.io/about/hugo-and-gdpr/) 和一组干练的简码,支持各种社交媒体嵌入的静态窗口。
|
||||
|
||||
## YouTube
|
||||
|
||||
Below is an example using the built-in `youtube` shortcode.
|
||||
下面是一个使用内置 `youtube` 简码的示例。
|
||||
|
||||
{{< youtube ZJthWmvUzzc >}}
|
||||
|
||||
## Twitter
|
||||
|
||||
This example uses the `twitter_simple` shortcode to output a Tweet. It requires two named parameters `user` and `id`.
|
||||
此示例使用 `twitter_simple` 简码来显示推文。它需要两个参数 `user` 和 `id` 。
|
||||
|
||||
{{< twitter_simple user="DesignReviewed" id="1085870671291310081" >}}
|
||||
|
||||
Alternatively, the `tweet` shortcode can be used to embed a fully marked up Twitter card.
|
||||
或者,`tweet` 简码可用于生成嵌入式的 Twitter 卡片。
|
||||
|
||||
## Gist
|
||||
|
||||
The `gist` shortcode can be used to embed a GitHub Gist. It requires two unnamed parameters: the username and ID of the Gist.
|
||||
`gist` 简码可用于嵌入 GitHub Gist。它需要两个参数:Gist 的用户名和 ID。
|
||||
|
||||
{{< gist nunocoracao 2779792841f7ffa7c7e62dc4d38626d4 >}}
|
||||
|
||||
## Vimeo
|
||||
|
||||
The `vimeo_simple` shortcode will embed a Vimeo video.
|
||||
`vimeo_simple` 简码将生成一个嵌入式的 Vimeo 播放器。
|
||||
|
||||
{{< vimeo_simple 48912912 >}}
|
||||
|
|
Loading…
Reference in a new issue