这里的内容是基于 Astro 模板进行编辑得到的。

标题

在绝大多数情况下,大标题和小标题即可满足正常的写作需求。

## 大标题
### 小标题

但是也可以根据 # 的数量变多来让标题的字号更小。

插入图片

句法

如果插入的图片依赖图床,则直接替换路径为图床链接。

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

引用

引用块表示从其他来源引用的内容,可以选择性地添加引用(必须位于 footercite 元素内),也可以选择性地添加内联更改,例如注释和缩写。

未注明出处的引用

句法

> 这一部分是基于Astro的模板翻译得来的。
> **注意** 可以在引用块中使用 Markdown 语法。

效果

这一部分是基于Astro的模板翻译得来的。
注意 可以在引用块中使用 Markdown 语法。

注明了出处的引用

句法

> 学无止境, 天道酬勤。<br>
> — <cite>TealCloud[^1]</cite>

效果

学无止境, 天道酬勤。
TealCloud1

表格

句法

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

效果

ItalicsBoldCode
italicsboldcode

代码块

句法

可以使用三个反引号 ``` 另起一行,然后编写代码片段,并在新行末尾再次使用三个反引号。为了突出显示特定语言的语法,可以在前三个反引号后写上该语言名称的一个单词,例如: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>

列表

有序列表

句法

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

效果

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

无序列表

句法

- 一个
- 二个
- 三个

效果

  • 一个
  • 二个
  • 三个

嵌套列表

句法

- 水果
  - 苹果
  - 梨子
  - 香蕉
- 食品
  - 饼干
  - 牛肉干

效果

  • 水果
    • 苹果
    • 梨子
    • 香蕉
  • 食品
    • 饼干
    • 牛肉干

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

句法

<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 is a bitmap image format.

H2O

Xn + Yn = Zn

Press CTRL + ALT + Delete to end the session.

Most salamanders are nocturnal, and hunt for insects, worms, and other small creatures.

Footnotes

  1. 上述引用来自于我的博客首页