用来测试主题配置和博客显示内容样式

1. 标题

标题1

标题2

标题3

标题4

标题5

1.1 标题ID

### 我的大标题 {#custom-id}

html如下

<h3 id="custom-id">My Great Heading</h3>

2. 段落

I really like using Markdown.

要创建段落,请使用空白行将一行或多行文本进行分隔。

3. 换行

在一行的末尾添加两个或多个空格,然后按回车键,即可创建一个换行(<br>)。
几乎每个 Markdown 应用程序都支持两个或多个空格进行换行,称为 结尾空格(trailing whitespace)

4. 强调

4.1 粗体

I just love bold text
I just love bold text.(x)
Loveisbold

4.2 斜体

要用斜体显示文本,请在单词或短语前后添加一个星号下划线

4.3 删除

~~世界是平的。~~ 我们现在知道世界是圆的。

世界是平的。 我们现在知道世界是圆的。

5. 引用

要创建块引用,请在段落前添加一个 > 符号。

块引用可以包含多个段落。为段落之间的空白行添加一个 > 符号。 > 块引用可以嵌套。在要嵌套的段落前添加一个 >> 符号。

带有其它元素的块引用

h2引用

  • 1.0
  • 2.0

粗体 斜体

5.1 Github方式的 Admonition Box

https://github.com/orgs/community/discussions/16925

> [!NOTE]  
> Highlights information that users should take into account, even when skimming.

> [!TIP]
> Optional information to help a user be more successful.

> [!IMPORTANT]  
> Crucial information necessary for users to succeed.

> [!WARNING]  
> Critical content demanding immediate user attention due to potential risks.

> [!CAUTION]
> Negative potential consequences of an action.

[!NOTE]
Highlights information that users should take into account, even when skimming.

[!TIP] Optional information to help a user be more successful.

[!IMPORTANT]
Crucial information necessary for users to succeed.

[!WARNING]
Critical content demanding immediate user attention due to potential risks.

[!CAUTION] Negative potential consequences of an action.

5.1 hugo Markdown attributes

https://www.veriphor.com/articles/markdown-attributes/

> This is a note.
{.note}

> This is a tip.
{.tip}

> This is important.
{.important}

> This is a warning.
{.warning}

> This is a caution.
{.caution}

This is a note. {.note}

This is a tip. {.tip}

This is important. {.important}

This is a warning. {.warning}

This is a caution. {.caution}

6. 列表

6.1 有序列表

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

不编号

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

6.2 无序列表

  • First item
  • Second item
    • Second First item
  • Third item
  • Fourth item

使用*

  • First item
  • Second item
    • Second First item
  • Third item
  • Fourth item

使用*

  • First item
  • Second item
    • Second First item
  • Third item
  • Fourth item

6.3 在列表中嵌套其他元素

  • blockquote > 引用块

  • code block

    int main(int argc, char *argv)
    {
      return 0;
    }
  • image

    favicon

6.4 定义列表

First Term
: This is the definition of the first term.

Second Term  
: This is one definition of the second term.
: This is another definition of the second term.

html如下

<dl>
  <dt>First Term</dt>
  <dd>This is the definition of the first term.</dd>
  <dt>Second Term</dt>
  <dd>This is one definition of the second term. </dd>
  <dd>This is another definition of the second term.</dd>
</dl>
First Term
This is the definition of the first term.
Second Term
This is one definition of the second term.
This is another definition of the second term.

6.5 任务列表

- [x] 编写新闻发布稿
- [ ] 更新网站
- [ ] 联系媒体
  • 编写新闻发布稿
  • 更新网站
  • 联系媒体

7. 代码

<html>
  <head>
  </head>
</html>
int main(int argc, char *argv)
{
    return 0;
}

HUGO: 从第几行开始,高亮哪几行,标题

cpp {hl_lines=["2-4"],linenostart=199,title="main.cpp"}

cpp {hl_lines=["2-4"],linenostart=199,title="main.cpp"} // main int main(int argc, char *argv) { return 0; }

8. 分隔线

***


---


_________________


9. 链接

这是一个链接 [Markdown语法](https://markdown.com)

这是一个链接: Markdown语法

9.1 给链接增加 Title

这是一个链接 [Markdown语法](https://markdown.com "最好的markdown")

这是一个链接 Markdown语法

### 9.2 网址和Email地址

<https://markdown.com>
<fake@example.com>

https://markdown.com

9.3 带格式化的链接

我喜欢支持 **[EFF](https://eff.org)**。
这是 *[Markdown 指南](https://www.markdownguide.org)*。
参见 [`代码`](#code) 部分。

我喜欢支持 EFF。 这是 Markdown 指南。 参见 代码 部分。

9.4 引用类型链接

多个地方指向同一个链接,方便统一维护

第一部分

[hobbit-hole][1]  
[hobbit-hole2] [2]  
[hobbit-hole3] [3]  
[hobbit-hole4] [4]  
[hobbit-hole5] [5]  
[hobbit-hole6] [6]

hobbit-hole
[hobbit-hole2] 2
[hobbit-hole3] 3
[hobbit-hole4] 4
[hobbit-hole5] 5
[hobbit-hole6] 6
[hobbit-hole6] 7

第二部分

[1]: https://en.wikipedia.org/wiki/Hobbit#Lifestyle
[2]: https://en.wikipedia.org/wiki/Hobbit#Lifestyle "Hobbit lifestyles"
[3]: https://en.wikipedia.org/wiki/Hobbit#Lifestyle 'Hobbit lifestyles'
[4]: https://en.wikipedia.org/wiki/Hobbit#Lifestyle (Hobbit lifestyles)
[5]: <https://en.wikipedia.org/wiki/Hobbit#Lifestyle> "Hobbit lifestyles"
[6]: <https://en.wikipedia.org/wiki/Hobbit#Lifestyle> 'Hobbit lifestyles'
[7]: <https://en.wikipedia.org/wiki/Hobbit#Lifestyle> (Hobbit lifestyles)

不同的 Markdown 应用程序处理URL中间的空格方式不一样。为了兼容性,请尽量使用%20代替空格。

[link](https://www.example.com/my%20great%20page)

10. 图片

![The San Juan Mountains are beautiful!](/assets/images/san-juan-mountains.jpg "San Juan Mountains")

![The San Juan Mountains are beautiful!](https://mdg.imgix.net/assets/images/san-juan-mountains.jpg "San Juan Mountains")

The San Juan Mountains are beautiful!

10.1 链接图片

[![track trail](https://mdg.imgix.net/assets/images/albuquerque.jpg "A single track trail outside of Albuquerque, New Mexico.")](https://markdownguide.org)

track trail

10.2 图片大小

<img src="https://mdg.imgix.net/assets/images/albuquerque.jpg" width="200" height="100">

10.3 图片说明

<figure>
    <img src="https://mdg.imgix.net/assets/images/albuquerque.jpg" 
    alt="Albuquerque, New Mexico">
    <figcaption>A single track trail outside of Albuquerque, New Mexico.</figcaption>
</figure>
Albuquerque, New Mexico
A single track trail outside of Albuquerque, New Mexico.

11. 表格

| 语法      | 描述 |
| ----------- | ----------- |
| 头部      | 标题       |
| 段落   | 文本        |
语法 描述
头部 标题
段落 文本

11.1 对齐

| 语法      | 描述 | 测试文本     |
| :---        |    :----:   |          ---: |
| 头部      | 标题       | 这是这个   |
| 段落   | 文本        | 还有更多      |
语法 描述 测试文本
头部 标题 这是这个
段落 文本 还有更多

12. 脚注

正文

脚注测试[^1]
大脚注测试[^bignote]

脚注测试1 大脚注测试2

[^1]: 这是第一个脚注。

[^bignote]: 这是一个包含多个段落和代码的脚注。

    缩进段落以将它们包含在脚注中。

    `{ 我的代码 }`

    可以添加任意多的段落。

13. Emoji

去露营了!:tent: 很快回来。

那太有趣了!:joy:

去露营了!:tent: 很快回来。

那太有趣了!:joy:

14. 突出

我需要突出这些 ==非常重要的词==。

我需要突出这些 ==非常重要的词==。

15. 上下标

X^2^, H~2~O

html: X<sup>2</sup>, H<sub>2</sub>O

X2 H2O

16. 自动链接

http://www.example.com

http://www.example.com

17. 公式

$$
x ={-b \pm \sqrt{b^2-4ac}\over 2a}
$$

\[ x ={-b \pm \sqrt{b^2-4ac}\over 2a} \]

$$
\int x^{\mu}\mathrm{d}x=\frac{x^{\mu +1}}{\mu +1}+C, \left({\mu \neq -1}\right)
$$

\[ \int x^{\mu}\mathrm{d}x=\frac{x^{\mu +1}}{\mu +1}+C, \left({\mu \neq -1}\right) \]

矩阵

$$
A_{m\times n}=  
\begin{bmatrix}
  a_{11}& a_{12}& \cdots  & a_{1n} \\  
  a_{21}& a_{22}& \cdots  & a_{2n} \\  
  \vdots & \vdots & \ddots & \vdots \\  
  a_{m1}& a_{m2}& \cdots  & a_{mn}  
\end{bmatrix}  
=\left [ a_{ij}\right ]
$$

\[ A_{m\times n}= \begin{bmatrix} a_{11}& a_{12}& \cdots & a_{1n} \\ a_{21}& a_{22}& \cdots & a_{2n} \\ \vdots & \vdots & \ddots & \vdots \\ a_{m1}& a_{m2}& \cdots & a_{mn} \end{bmatrix} =\left [ a_{ij}\right ] \]

化学公式

$$
\ce{Zn^2+  <=>[+ 2OH-][+ 2H+]  $\underset{\text{amphoteres Hydroxid}}{\ce{Zn(OH)2 v}}$  <=>[+ 2OH-][+ 2H+]  $\underset{\text{Hydroxozikat}}{\ce{[Zn(OH)4]^2-}}$}
$$

\[ \ce{Zn^2+ <=>[+ 2OH-][+ 2H+] $\underset{\text{amphoteres Hydroxid}}{\ce{Zn(OH)2 v}}$ <=>[+ 2OH-][+ 2H+] $\underset{\text{Hydroxozikat}}{\ce{[Zn(OH)4]^2-}}$} \]

18. mermaid

classDiagram

Animal <|-- Duck
Animal <|-- Fish
Animal <|-- Zebra
Animal : +int age
Animal : +String gender
Animal: +isMammal()
Animal: +mate()
class Duck{
    +String beakColor
    +swim()
    +quack()
}
class Fish{
    -int sizeInFeet
    -canEat()
}
class Zebra{
    +bool is_wild
    +run()
}

  1. 这是第一个脚注。↩︎

  2. 这是一个包含多个段落和代码的脚注。

    缩进段落以将它们包含在脚注中。

    { 我的代码 }

    可以添加任意多的段落。↩︎