Test 2026
CSS
CSS 扩展测试成功
module
Scribunto 测试成功
三角形
latex
<diagram> %% LaTeX2e file `tmp-gen-anatomy-of-a-for-loop.tex' %% generated by the `filecontents' environment %% from source `codeanatomy.lstlisting' on 2025/10/19. %% \lstset{escapeinside={!}{!}} \begin{lrbox}{\mycodebox} \begin{lstlisting} !\iPart{init}{\bgcode{int power = 1;}}! for ( !\cPart{i}{int i = 0}!; !\cPart{c}{i <= n}!; !\cPart{u}{i++}! ) {
!\mtPoint{left}!System.out.println(i + " " + power);!\mtPoint{right}!
power *= 2;!\mbPoint{bottom}!
} \end{lstlisting} \end{lrbox}
\begin{tikzpicture}[
remember picture
,code annotation/.append style={%
font=\sffamily\itshape\scriptsize
}
] % {[on background layer]\draw[code grid debug] (-2.5,-0.5) grid (5.5,3.5);} \node(code) [anatomy] at (0,0){\usebox\mycodebox}; \fitExtrem{b}{(left) (right) (bottom)} % Annotations \codeAnnotation{initText} (-1.5,2.7) {initialize another\\
variable in a \extremPoint{initPoint}[0.75ex]\\
separate\\ statement}
\codeAnnotation{iText} (1.2,3.5) {declare and initialize\\ a loop control variable} \codeAnnotation{cText} (3.5,3) {loop-\\continuation\\condition} \codeAnnotation{uText} (6,3) {increment} \codeAnnotation{bText} (3.5,-0.25) {body} % arrows on the background {[on background layer]
\draw[->,annotation] (initPoint) -- (init.north west); \draw[->,annotation] (iText) -- (i); \draw[->,annotation] (cText) -- (c); \draw[->,annotation] (uText) -- (u); \draw[->,annotation] (bText) -- (b);
} \end{tikzpicture} </diagram>
code
- 把 Ctrl+Shift+Space 绑定为 set-mark-command
(global-set-key (kbd "C-S-SPC") #'set-mark-command)
drawio svg
simpletooltip
把鼠标放到这里
官方同时支持长名字：
把鼠标放到这里
以及信息图标：
embedvideo
artist-mode
install -d -o windy -g www-data -m 2755 ~/test
| . /\. . \ .
| . /- \- . \ .
| 安装 \ \ 权限
| / \- 组别 \- /----------+
| /-- | /---- |
| /- \- | /---- \ |
+- \ --- \ |
- \- | \ |
| 别的 \ \
| \- \
--- \ \
| \--------- \ |
| | \-----着 |
| | \
| --- \
\----- \
| \----- |
| \-/ |
-/ \
-/ |
-/ |
-- - -- /
|
-- - -- ----- - -
- --
annote
math
\frac{} —— 分数
\sqrt{} —— 开方
^ —— 上标（幂）
_ —— 下标
\sum —— 求和
\times —— 乘号
\approx —— 约等于
[math]\ce{ 2H2 + O2 -> 2H2O }[/math]
[math]\displaystyle{ E=mc^2 }[/math]
[math]\displaystyle{ 2 + 2 = 4 }[/math]
[math]\displaystyle{ x = \frac{-b \pm \sqrt{b^2 - 4ac}}{2a} }[/math]
[math]\displaystyle{ a^2 + b^2 = c^2 }[/math]
[math]\displaystyle{ e^{i\pi} + 1 = 0 }[/math]
[math]\displaystyle{ \int_0^\infty e^{-x^2} dx = \frac{\sqrt{\pi}}{2} }[/math]
[math]\displaystyle{ \sum_{n=1}^{\infty} \frac{1}{n^2} = \frac{\pi^2}{6} }[/math]
[math]\displaystyle{ \begin{pmatrix} 1 & 2 \\ 3 & 4 \end{pmatrix} }[/math]
[math]\displaystyle{ \frac{d}{dx} \left( x^2 \right) = 2x }[/math]
[math]\displaystyle{ (x + y)^n = \sum_{k=0}^n \binom{n}{k} x^{n-k} y^k }[/math]
[math]\displaystyle{ \lim_{x \to 0} \frac{\sin x}{x} = 1 }[/math]
mermaid
思维导图
{{#mermaid:
mindmap
root((正当防卫))
要件
攻击正在进行
防卫必要性
效果
免除责任
限制
过当防卫
}}
Mermaid 本身支持 mindmap。mermaid 拓展不支持 mindmap。
竖分解图
casebox
精神病院遗弃老人算犯罪吗
不算，精神病院的老人不是家人，没有扶养义务
构成 遗弃罪。有扶助义务
mindmap
<mermaid>
mindmap
root((正当防卫))
偶然防卫
假想防卫
</mermaid>
mermaid version 9.1.x 不支持 mindmap 标签。
mcjs
The word example is used here.
label
label 好像不支持参数。
imagemap
swdt
分列
graphviz
