写Blog的常用指令

文本与链接

字体字号

设置红色字体：

<span style="color:red;">红色字体</span>

效果：红色字体

超链接

markdown超链接语法：

[超链接名](超链接地址)

下面是引理跳转示例：

引理：

设 $\Omega$ 是 $\mathbb{R}^2$ 上的有界单连通区域，函数 $f(x, y)$ 在 $\Omega$ 上连续。若对任意 $\varphi(x, y) \in C_0^\infty(\Omega)$，都有：

$$\iint_{\Omega} f(x, y) \, \varphi(x, y) \, dxdy = 0,$$

则 $f(x, y)$ 在 $\Omega$ 上恒为0。

文本折叠

目前我只会无间断的文本折叠方法

<details>
  <summary>点击展开</summary>
  折叠内容
</details>

效果：

点击展开

折叠内容

首行缩进

来自 CSDN - 会飞的小弋

首行缩进方法：由于markdowm会自动限定格式，所以缩进显得比较困难，通常我们使用Tab按键或者打空格实现的缩进都只能缩进一小部分，这时可以通过占位符实现更多的缩进效果，使得文章变得美观。

一个汉字占两个空格大小，所以使用四个空格就可以达到首行缩进两个汉字的效果。有如下几种方法：

• 半角空格：  或   宽度约为 1/2 个中文字符（或 1 个英文字符）。
• 全角空格：  或   宽度约为 1 个中文字符（或 2 个英文字符）。
• 不换行空格：  或   宽度通常与半角空格相近（约 1 个英文字符），核心作用是防止空格被浏览器合并或换行。

没有首行缩进

  两个半角空格

  两个全角空格

  两个不换行空格

效果如下：

没有首行缩进

  两个半角空格

  两个全角空格

  两个不换行空格

文献引用

这是一段需要引用文献的内容DDBM<sup><a href="#ref1">[1]</a></sup>，
另一段引用DBIM<sup><a href="#ref2">[2]</a></sup>。

<!-- 参考文献标题 -->
<h2 id="references">参考文献</h2>
<!-- 文献列表（可自定义样式） -->
<ul class="references-list" style="list-style-type: none; padding-left: 0;">
  <li id="ref1" style="margin-bottom: 10px;">
    <strong>[1]</strong> Zhou, L., Lou, A., Khanna, S., & Ermon, S.  Denoising Diffusion Bridge Models. ICLR 2024, <a href="https://arxiv.org/abs/2309.16948" target="_blank">https://arxiv.org/abs/2309.16948</a>.
  </li>
  <li id="ref2" style="margin-bottom: 10px;">
    <strong>[2] Diffusion Bridge Implicit Models</strong> 
    <br>
    <span style="margin-left: 1.5em;">Zheng, K., He, G., Chen, J., Bao, F., & Zhu, J. ICLR 2025, <a href="https://arxiv.org/abs/2405.15885" target="_blank">https://arxiv.org/abs/2405.15885</a>.</span>
  </li>
  <li id="ref3" style="margin-bottom: 10px;">
    <strong>[3] Reverse-time diffusion equation models</strong>
    <br>
    <span style="margin-left: 1.5em;">B.D. Anderson. Stochastic Processes and their Applications, Vol 12(3), pp. 313--326. Elsevier. 1982.</span>
  </li>
</ul>

示例:

这是一段需要引用文献的内容DDBM^[1]，
另一段引用DBIM^[2]。

参考文献列表见本文最后。

图片与视频音频

插入图片

插入图片，调整图片格式，设置图片说明文字的颜色、字号、位置。

<div style="display: flex; flex-wrap: wrap; justify-content: center;">
  <div style="margin: 10px;text-align: center;">
    <img src="https://raw.githubusercontent.com/DBQDSS/Blog_img/study/202507291140605.png" alt="示意图" width="200" height="">
    <br>
    <span style="color: lightpink; font-size: 16px;">
    示意图
    </span>
  </div>
</div>

下方是效果图：

示意图

插入音频

插入音频，调整播放块的格式。

<div style="display: flex; flex-direction: column; align-items: center; height: 300px;">
    <img src="https://raw.githubusercontent.com/DBQDSS/Blog_img/acgn/202507302039764.webp" alt="卡哇伊的赫萝酱-Cover" width="200" height="200">
    <audio controls name="media">
        <source src="https://raw.githubusercontent.com/DBQDSS/Blog_img/acgn/202507302039343.mp3" type="audio/mp3">
    </audio>
</div>

下面是效果图：

数学公式

证毕符号QED

在html中写入latex是无法渲染的。但是可以使用如下方框符号□，渲染出来就是正常尺寸的QED方框符号。

<div style="text-align:right">□</div>

效果如下：

□

可以对比一下数学中环境中的QED $\square$

公式编号

因为我采用了katex渲染数学公式，经查阅，其不具备引用跳转功能。于是使用html代码做补丁，伪装成有跳转的样子。

$$
E = mc^2 \tag{1}
$$
<div class="equation" id="eq:example">
</div>  
引用<a href="#eq:example" class="equation-ref">(1)</a>

效果如下：

$$E = mc^2 \tag{1}$$

（引用按钮在“引用跳转”小节末尾）

其中，上面索引用到的css文件为

.equation {
  display: block;
  text-align: center;
  margin: 1em 0;
}

.equation-number {
  float: right;
  margin-right: 10px;
}

.equation-ref {
  color: #7cfa91ff;
  text-decoration: none;
}

.equation-ref:hover {
  text-decoration: underline;
}

引理跳转

示例代码

<span style="color:red;">引理：</span>
<div class="equation" id="引理">
</div>  

设 $\Omega$ 是 $\mathbb{R}^2$ 上的**有界单连通区域**，函数 $f(x, y)$ 在 $\Omega$ 上**连续**。若对**任意** $\varphi(x, y) \in C_0^\infty(\Omega)$，都有：

$$
\iint_{\Omega} f(x, y) \, \varphi(x, y) \, dxdy = 0,
$$

则 $f(x, y)$ 在 $\Omega$ 上**恒为0**。

...

因 $v \in M_0$ 是 **任意** 零边界光滑函数，根据前文<a href="#引理" class="equation-ref" style="color: lightgreen;">引理</a>，得：  
$$
\frac{\partial}{\partial x} \left( \frac{u_x}{\sqrt{1 + u_x^2 + u_y^2}} \right) + \frac{\partial}{\partial y} \left( \frac{u_y}{\sqrt{1 + u_x^2 + u_y^2}} \right) = 0
$$  

效果如下：
因 $v \in M_0$ 是 任意 零边界光滑函数，根据前文引理，得：

$$\frac{\partial}{\partial x} \left( \frac{u_x}{\sqrt{1 + u_x^2 + u_y^2}} \right) + \frac{\partial}{\partial y} \left( \frac{u_y}{\sqrt{1 + u_x^2 + u_y^2}} \right) = 0$$

引用式(1)

参考文献

• [1] Zhou, L., Lou, A., Khanna, S., & Ermon, S. Denoising Diffusion Bridge Models. ICLR 2024, https://arxiv.org/abs/2309.16948.
• [2] Diffusion Bridge Implicit Models
  Zheng, K., He, G., Chen, J., Bao, F., & Zhu, J. ICLR 2025, https://arxiv.org/abs/2405.15885.
• [3] Reverse-time diffusion equation models
  B.D. Anderson. Stochastic Processes and their Applications, Vol 12(3), pp. 313--326. Elsevier. 1982.