学习笔记

Note.Ltd

Markdown 示例

更新于 # Examples

下面是一些在 Astro 中编写 Markdown 内容时可使用的基本 Markdown 语法示例。

标题

下面的 HTML <h1>—<h6> 元素表示六个级别的章节标题。<h1> 是最高级别，而 <h6> 是最低级别。

H1

H2

H3

H4

H5
H6

段落

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.

图片

语法

![Alt text](./full/or/relative/path/of/image)

输出

博客占位符

引用块

blockquote 元素表示从其他来源引用的内容，可选地带有引用（应放在 footer 或 cite 元素内），并且可选地包含行内变更，例如注释和缩写。

无出处的引用

Syntax

> Tiam, ad mint andaepu dandae nostion secatur sequo quae.
> **Note** that you can use _Markdown syntax_ within a blockquote.

输出

Tiam, ad mint andaepu dandae nostion secatur sequo quae. 注意：你可以在引用块中使用 Markdown 语法。

带出处的引用

Syntax

> Don't communicate by sharing memory, share memory by communicating.<br>
> — <cite>Rob Pike[^1]</cite>

输出

Don’t communicate by sharing memory, share memory by communicating.
— Rob Pike1

表格

Syntax

| Italics   | Bold     | Code   |
| --------- | -------- | ------ |
| _italics_ | **bold** | `code` |

输出

斜体加粗代码
italicsboldcode

代码块

语法

我们可以在新的一行使用 3 个反引号 ``` 来包裹代码片段，并在新的一行以 3 个反引号结尾；要高亮特定语言的语法，在第一个 3 个反引号之后写上语言名称（例如：html、javascript、css、markdown、typescript、txt、bash）。

```html
<!doctype html>
<html lang="en">
  <head>
    <meta charset="utf-8" />
    <title>Example HTML5 Document</title>
  </head>
  <body>
    <p>Test</p>
  </body>
</html>
```

输出

<!doctype html>
<html lang="en">
  <head>
    <meta charset="utf-8" />
    <title>Example HTML5 Document</title>
  </head>
  <body>
    <p>Test</p>
  </body>
</html>

列表类型

有序列表

Syntax

1. First item
2. Second item
3. Third item

输出

  1. 第一个项目
  2. 第二个项目
  3. 第三个项目

无序列表

Syntax

- List item
- Another item
- And another item

输出

嵌套列表

Syntax

- Fruit
  - Apple
  - Orange
  - Banana
- Dairy
  - Milk
  - Cheese

输出

其他元素 — abbr, sub, sup, kbd, mark

Syntax

<abbr title="Graphics Interchange Format">GIF</abbr> is a bitmap image format.

H<sub>2</sub>O

X<sup>n</sup> + Y<sup>n</sup> = Z<sup>n</sup>

Press <kbd>CTRL</kbd> + <kbd>ALT</kbd> + <kbd>Delete</kbd> to end the session.

Most <mark>salamanders</mark> are nocturnal, and hunt for insects, worms, and other small creatures.

输出

GIF 是一种位图图像格式。

H2O

Xn + Yn = Zn

按 CTRL + ALT + Delete 可结束会话。

大多数 蝾螈 为夜行性，会捕食昆虫、蚯蚓和其他小型生物。

Footnotes

  1. 上述引言摘自 Rob Pike 在 2015 年 11 月 18 日 Gopherfest 上的 演讲。 ↩