主题功能测试

markdown 扩展语法

KaTeX

$$c = \pm\sqrt{a^2 + b^2}$$

\[ f(x)=\int_{-\infty}^{\infty} \hat{f}(\xi) e^{2 \pi i \xi x} d \xi \]

\begin{equation*} \rho \frac{\mathrm{D} \mathbf{v}}{\mathrm{D} t}=\nabla \cdot \mathbb{P}+\rho \mathbf{f} \end{equation*}

\begin{equation} \mathbf{E}=\sum_{i} \mathbf{E}_{i}=\mathbf{E}_{1}+\mathbf{E}_{2}+\mathbf{E}_{3}+\cdots \end{equation}

\begin{align} a&=b+c \\ d+e&=f \end{align}

\begin{alignat}{2} 10&x+&3&y = 2 \\ 3&x+&13&y = 4 \end{alignat}

\begin{gather} a=b \\ e=b+c \end{gather}

\begin{CD} A @>a>> B \\ @VbVV @AAcA \\ C @= D \end{CD}

mhchem

$$\ce{CO2 + C -> 2 CO}$$

$$\ce{Hg^2+ ->[I-] HgI2 ->[I-] [Hg^{II}I4]^2-}$$

字符注音或注释

Hugo一个开源的静态网站生成工具

分数

^浅色/_深色

⁹⁹/₁₀₀

Font Awesome

去露营啦！ 很快就回来。

真开心！

短代码

保持 markdown 的整洁，避免嵌入过多 html。

1 figure

2 gist

3 highlight

1
2
3
4
5
6
7
8

<section id="main">
    <div>
        <h1 id="title">{{ .Title }}</h1>
        {{ range .Pages }}
            {{ .Render "summary"}}
        {{ end }}
    </div>
</section>

4 param

5 ref和relf

6 tweet

Owl bet you'll lose this staring contest 🦉 pic.twitter.com/eJh4f2zncC

— San Diego Zoo Wildlife Alliance (@sandiegozoo) October 26, 2021

7 viemo

8 youtube

扩展短代码

1 style

2 link

link shortcode 是 Markdown 链接语法 的替代。 link shortcode 可以提供一些其它的功能并且可以在代码块中使用。

支持 本地资源引用 的完整用法。

link shortcode 有以下命名参数：

• href [必需]（第一个位置参数）

  链接的目标。

• content [可选]（第二个位置参数）

  链接的内容，默认值是 href 参数的值。

  支持 Markdown 或者 HTML 格式。

• title [可选]（第三个位置参数）

  HTML a 标签 的 title 属性，当悬停在链接上会显示的提示。

• card [可选]（第四个位置参数）

  是否显示为卡片式链接，默认值 false。

• download [可选]

  HTML a 标签 的 download 属性。

• class [可选]

  HTML a 标签 的 class 属性。

• rel [可选]

  HTML a 标签 的 rel 补充属性。

• external-icon [可选]

  是否自动显示外链图标。

• noreferrer [可选]

  rel 属性是否添加 noreferrer, 默认：true。

一个 link 示例：

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11

{{< link "https://assemble.io" >}}
或者
{{< link href="https://assemble.io" >}}

{{< link "mailto:contact@revolunet.com" >}}
或者
{{< link href="mailto:contact@revolunet.com" >}}

{{< link "https://assemble.io" Assemble >}}
或者
{{< link href="https://assemble.io" content=Assemble >}}

呈现的输出效果如下：

• https://assemble.io
• mailto:contact@revolunet.com
• Assemble

一个带有标题的 link 示例：

1
2
3

{{< link "https://github.com/upstage/" Upstage "Visit Upstage!" >}}
或者
{{< link href="https://github.com/upstage/" content=Upstage title="Visit Upstage!" >}}

呈现的输出效果如下 （将鼠标悬停在链接上，会有一行提示）:

一个卡片式 link 示例：

1
2
3

{{< link "https://github.com/hugo-fixit/FixIt" "FixIt Theme" "source of FixIt Theme" true >}}
或者
{{< link href="https://github.com/hugo-fixit/FixIt" content="FixIt Theme" title="source of FixIt Theme" card=true >}}

呈现的输出效果如下：

一个可下载的 link 示例：

1
2
3

{{< link href="/music/Wavelength.mp3" content="Wavelength" title="Download Wavelength.mp3" download="Wavelength.mp3" >}}

{{< link href="/music/Wavelength.mp3" content="Wavelength.mp3" title="Download Wavelength.mp3" download="Wavelength.mp3" card=true >}}

呈现的输出效果如下：

3 image

4 admonition

5 mermaid

6 echarts

7 mapbox

8 music

9 bilibili

10 typeit

11 script

12 details

13 center-quote

hello world
this is a center-quote shortcode example.

14 fixit-encryptor

15 raw

原始的带有 Markdown 和 HTML 语法的内容：**Hello** FixIt

16 reward