博客富文本新功能：Callout、折叠、脚注、ECharts

Thu, 28 May 2026 12:00:00 +0800

本文展示博客新支持的富文本功能：Callout 提示块、折叠内容、脚注增强和 ECharts 交互图表。

Callout 提示块

Callout 是一种突出重要信息的视觉方式，支持四种类型：

示例

tip - 提示信息
info - 背景信息
warning - 注意事项
danger - 危险警告

提示

当你学习新概念时，尝试用自己的话复述一遍，这能加深理解。

背景信息

Transformer 架构最早由 Google 在 2017 年的论文《Attention Is All You Need》中提出。

注意事项

这个配置选项在生产环境中不建议修改，可能导致服务不稳定。

危险警告

执行此操作将删除所有数据，且无法恢复。请务必确认已备份重要文件。

用法

1
2
3

{{< callout "tip" "标题" >}}
内容
{{< /callout >}}

类型可选：tip、info、warning、danger

LaTeX Test Page

Mon, 01 Jan 2024 00:00:00 +0000

LaTeX 渲染测试

基础测试

行内公式：$E = mc^2$

块级公式：

$$E = mc^2$$

复杂公式测试

原始问题公式1（更稳妥写法，拆成两条显示公式）

$$ \mathbf{y} = f\left(\mathbf{x}\, \big[\,\mathbf{W}^{(A)}_1\; \mathbf{W}^{(A)}_2\; \cdots\; \mathbf{W}^{(A)}_n\,\big]\right) \begin{bmatrix} \mathbf{W}^{(B)}_1 \\ \mathbf{W}^{(B)}_2 \\ \vdots \\ \mathbf{W}^{(B)}_n \end{bmatrix} $$ $$ \mathbf{y} = \sum_{i=1}^n f\big(\mathbf{x}\mathbf{W}^{(A)}_i\big)\,\mathbf{W}^{(B)}_i $$

其他常见LaTeX测试

分数和根号：

$$\frac{\sqrt{x^2 + y^2}}{2}$$

积分：

$$\int_{-\infty}^{\infty} e^{-x^2} dx = \sqrt{\pi}$$

矩阵（确保每行使用 \ 换行）：

$$ \begin{pmatrix} a & b \\ c & d \end{pmatrix} \begin{bmatrix} x \\ y \end{bmatrix} = \begin{bmatrix} ax + by \\ cx + dy \end{bmatrix} $$

求和和乘积：

$$\sum_{i=1}^n i = \frac{n(n+1)}{2}$$$$\prod_{i=1}^n i = n!$$

上下标组合：

$x^{2^3}$, $x_{i_j}$, $x^{(a)}_{(b)}$

Demo on CctoctoFX