标题
这是一级标题#这是一级标题
这是二级标题## 这是二级标题
这是三级标题### 这是三级标题
这是四级标题#### 这是四级标题
这是五级标题##### 这是五级标题
这是六级标题###### 这是六级标题
这是加粗的文字 **这是加粗的文字**
这是倾斜的文字 *这是倾斜的文字*
这是斜体加粗的文字 ***这是斜体加粗的文字***
这是加删除线的文字 ~~这是加删除线的文字~~
这是引用的内容 >这是引用的内容
这是引用的内容 >>这是引用的内容
这是引用的内容 >>>>>>>>>>这是引用的内容
指定图片大小
1 2 <a href ="https://mf.alllf.com/cloudpic/2022/07/29569a0f2723909cf3b92068ab1226aa.png" target ="_blank" > <img src ="https://mf.alllf.com/cloudpic/2022/07/29569a0f2723909cf3b92068ab1226aa.png" alt ="IMAGE ALT TEXT HERE" width ="50" height ="50" border ="10" /></a >
— ---
---- ----
*** ***
***** *****
链接
百度 [百度](http://baidu.com)
超链接名 <a href="超链接地址" target="_blank">超链接名</a>
提示快标签
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 {% note simple %} 默认 提示块标签 {% endnote %} {% note default simple %} default 提示块标签 {% endnote %} {% note primary simple %} primary 提示块标签 {% endnote %} {% note success simple %} success 提示块标签 {% endnote %} {% note info simple %} info 提示块标签 {% endnote %} {% note warning simple %} warning 提示块标签 {% endnote %} {% note danger simple %} danger 提示块标签 {% endnote %}
列表
注意:- + * 跟内容之间都要有一个空格
列表内容 1. 列表内容
列表内容 2. 列表内容
列表内容 3. 列表内容
注意:序号跟内容之间要有空格
表格
表头
表头
表头
内容
内容
内容
内容
内容
内容
1 2 3 4 表头|表头|表头 ---|:--:|---: 内容|内容|内容 内容|内容|内容
第二行分割表头和内容。
有一个就行,为了对齐,多加了几个
文字默认居左
-两边加:表示文字居中
-右边加:表示文字居右
注:原生的语法两边都要用 | 包起来。此处省略
姓名
技能
排行
刘备
哭
大哥
关羽
打
二哥
张飞
骂
三弟
1 2 3 4 5 姓名|技能|排行 --|:--:|--: `刘备`|*哭*|**大哥** 关羽|打|二哥 张飞|骂|三弟
代码块
代码内容
流程图
graph TD;
A-->B;
A-->C;
B-->D;
C-->D;
时序图
sequenceDiagram
participant Alice
participant Bob
Alice->>John: Hello John, how are you?
loop Healthcheck
John->>John: Fight against hypochondria
end
Note right of John: Rational thoughts <br/>prevail!
John-->>Alice: Great!
John->>Bob: How about you?
Bob-->>John: Jolly good!
甘特图
gantt
dateFormat YYYY-MM-DD
title Adding GANTT diagram to mermaid
section A section
Completed task :done, des1, 2014-01-06,2014-01-08
Active task :active, des2, 2014-01-09, 3d
Future task : des3, after des2, 5d
Future task2 : des4, after des3, 5d
类图
classDiagram
Class01 <|-- AveryLongClass : Cool
Class03 *-- Class04
Class05 o-- Class06
Class07 .. Class08
Class09 --> C2 : Where am i?
Class09 --* C3
Class09 --|> Class07
Class07 : equals()
Class07 : Object[] elementData
Class01 : size()
Class01 : int chimp
Class01 : int gorilla
Class08 <--> C2: Cool label
Git 图
%%{init: { 'logLevel': 'debug', 'theme': 'forest' } }%%
gitGraph
commit
branch hotfix
checkout hotfix
commit
branch develop
checkout develop
commit id:"ash" tag:"abc"
branch featureB
checkout featureB
commit type:HIGHLIGHT
checkout main
checkout hotfix
commit type:NORMAL
checkout develop
commit type:REVERSE
checkout featureB
commit
checkout main
merge hotfix
checkout featureB
commit
checkout develop
branch featureA
commit
checkout develop
merge hotfix
checkout featureA
commit
checkout featureB
commit
checkout develop
merge featureA
branch release
checkout release
commit
checkout main
commit
checkout release
merge main
checkout develop
merge release
实体关系图
erDiagram
CUSTOMER ||--o{ ORDER : places
ORDER ||--|{ LINE-ITEM : contains
CUSTOMER }|..|{ DELIVERY-ADDRESS : uses
用户旅程图
journey
title My working day
section Go to work
Make tea: 5: Me
Go upstairs: 3: Me
Do work: 1: Me, Cat
section Go home
Go downstairs: 5: Me
Sit down: 5: Me
状态图
stateDiagram-v2
[*] --> Still
Still --> [*]
Still --> Moving
Moving --> Still
Moving --> Crash
Crash --> [*]
饼图
pie
"Dogs" : 386
"Cats" : 85
"Rats" : 15
上标、下标、求和、括号
x 2 x y e 3 x 0 a 1 T 1 ∑ ∑ 0 3 ∑ 0 ∞ ∑ − ∞ ∞ [ s ( s + 1 ) − ( s − 1 ) ( s − 2 ) ] { x − y } x^2
x^y
e^3
x_0
a_1
T_1
\sum
\sum_0^3
\sum_0^{\infty}
\sum_{-\infty}^{\infty}
[s(s+1)-(s-1)(s-2)]
\lbrace x-y \rbrace
x 2 x y e 3 x 0 a 1 T 1 ∑ 0 ∑ 3 0 ∑ ∞ − ∞ ∑ ∞ [ s ( s + 1 ) − ( s − 1 ) ( s − 2 )] { x − y }
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 $$ x^2 x^y e^3 x_0 a_1 T_1 \sum \sum_0^3 \sum_0^{\infty} \sum_{-\infty}^{\infty} [s(s+1)-(s-1)(s-2)] \lbrace x-y \rbrace $$
三角函数、指数、对数
sin ( x ) cos ( x ) tan ( x ) log 2 10 ln 2 \sin(x)
\cos(x)
\tan(x)
\log_2 10
\ln2
sin ( x ) cos ( x ) tan ( x ) log 2 10 ln 2
1 2 3 4 5 6 7 8 9 10 11 $$ \sin(x) \cos(x) \tan(x) \log_2 10 \ln2 $$
运算符
× ÷ ± ∓ ∑ ∏ ∂ ∫ ∫ ≠ ≥ ≤ ≈ x + y ≱ z a ⋅ b a ∗ b b a x y 1 x + 1 \times
\div
\pm
\mp
\sum
\prod
\partial
\int
\displaystyle\int
\neq
\geq
\leq
\approx
x+y \ngeq z
a \cdot b
a \ast b
\frac{b}{a}
\frac{x}{y}
\frac{1}{x+1}
× ÷ ± ∓ ∑∏ ∂ ∫∫ = ≥≤≈ x + y ≱ z a ⋅ ba ∗ b a b y x x + 1 1
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 $$ \times \div \pm \mp \sum \prod \partial \int \displaystyle\int \neq \geq \leq \approx x+y \ngeq z a \cdot b a \ast b \frac{b}{a} \frac{x}{y} \frac{1}{x+1} $$
数学符号
∞ a ⃗ x ˙ x ¨ a ˉ a ^ ı ȷ … ⋯ ⋮ ⋱ \infty
\vec{a}
\dot{x}
\ddot{x}
\bar{a}
\hat{a}
\imath
\jmath
\ldots
\cdots
\vdots
\ddots
∞ a x ˙ x ¨ a ˉ a ^ …⋯ ⋮ ⋱
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 $$ \infty \vec{a} \dot{x} \ddot{x} \bar{a} \hat{a} \imath \jmath \ldots \cdots \vdots \ddots $$
高级运算符
x y z ‾ lim y → 0 x → ∞ x y lim y → 0 x → ∞ x y ∑ y → 0 x → ∞ x y ∑ y → 0 x → ∞ x y ∫ 0 ∞ x d x ∫ 0 ∞ x d x ∂ x ∂ y ∂ 2 x ∂ y 2 \overline{xyz}
\lim^{x \to \infty}_{y \to 0}{\frac{x}{y}}
\displaystyle \lim^{x \to \infty}_{y \to 0}{\frac{x}{y}}
\sum^{x \to \infty}_{y \to 0}{\frac{x}{y}}
\displaystyle \sum^{x \to \infty}_{y \to 0}{\frac{x}{y}}
\int^{\infty}_{0}{xdx}
\displaystyle \int^{\infty}_{0}{xdx}
\frac{\partial x}{\partial y}
\frac{\partial^2x}{\partial y^2}
x yz y → 0 lim x → ∞ y x y → 0 lim x → ∞ y x y → 0 ∑ x → ∞ y x y → 0 ∑ x → ∞ y x ∫ 0 ∞ x d x ∫ 0 ∞ x d x ∂ y ∂ x ∂ y 2 ∂ 2 x
集合运算
x ∈ y x ∉ y x ⊂ y x ⊃ y ⊆ ⊇ ∪ ∩ ∖ ⨀ ⨂ ⨁ R Z x\in y
x \notin y
x \subset y
x \supset y
\subseteq
\supseteq
\cup
\cap
\setminus
\bigodot
\bigotimes
\bigoplus
\mathbb{R}
\mathbb{Z}
x ∈ y x ∈ / y x ⊂ y x ⊃ y ⊆⊇ ∪ ∩ ∖ ⨀⨂⨁ RZ
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 $$ x\in y x \notin y x \subset y x \supset y \subseteq \supseteq \cup \cap \setminus \bigodot \bigotimes \bigoplus \mathbb{R} \mathbb{Z} $$
其他
x + y y + z x + y ‾ a + b + c ⏞ a + b + c ⏟ \displaystyle{x+y}{y+z}
\underline {x+y}
\overbrace {a+b+c}
\underbrace {a+b+c}
x + y y + z x + y a + b + c a + b + c
1 2 3 4 5 6 7 8 9 $$ \displaystyle{x+y}{y+z} \underline {x+y} \overbrace {a+b+c} \underbrace {a+b+c} $$
希腊字母 大小写对应
α A β B γ Γ δ Δ ϵ E ζ Z η θ ι κ λ μ ν ξ ο π ρ σ τ υ ϕ χ ψ ω Ω \alpha\Alpha
\beta\Beta
\gamma\Gamma
\delta\Delta
\epsilon\Epsilon
\zeta\Zeta
\eta
\theta
\iota
\kappa
\lambda
\mu
\nu
\xi
\omicron
\pi
\rho
\sigma
\tau
\upsilon
\phi
\chi
\psi
\omega \Omega
α A β B γ Γ δ Δ ϵ E ζ Z η θ ι κλ μν ξ ο π ρ σ τυ ϕ χ ψ ω Ω
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 $$ \alpha\Alpha \beta\Beta \gamma\Gamma \delta\Delta \epsilon\Epsilon \zeta\Zeta \eta \theta \iota \kappa \lambda \mu \nu \xi \omicron \pi \rho \sigma \tau \upsilon \phi \chi \psi \omega \Omega $$
切换tab
文字高亮
臣亮言:先帝 創業未半,而中道崩殂 。今天下三分,益州疲敝 ,此誠危急存亡之秋 也!然侍衞之臣,不懈於內;忠志之士 ,忘身於外者,蓋追先帝之殊遇,欲報之於陛下也。誠宜開張聖聽,以光先帝遺德,恢弘志士之氣;不宜妄自菲薄,引喻失義,以塞忠諫之路也。
宮中、府中,俱為一體;陟罰臧否,不宜異同。若有作奸 、犯科 ,及為忠善者,宜付有司,論其刑賞,以昭陛下平明之治;不宜偏私,使內外異法也。
按钮示例
按钮一
按钮二
按钮三
按钮四
按钮五
按钮六
按钮七
时间线
1 2 3 4 5 {% timeline 2022,purple %} <!-- timeline 01-02 --> 时间点1 <!-- endtimeline --> {% endtimeline %}
键盘按键
1 <p > To reboot your computer, press <kbd > ctrl</kbd > +<kbd > alt</kbd > +<kbd > del</kbd > .</p >
To reboot your computer, press ctrl +alt +del .
图片说明
1 ![图片加入说明 ](https://mf.alllf.com/cloudpic/2022/07/29569a0f2723909cf3b92068ab1226aa.png "图片说明情况" )
友情链接
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 {% flink %} - class_name: 友情链接 class_ desc: 那些人,那些事 link_list: - name: JerryC link: https://jerryc.me/ avatar: https://jerryc.me/img/avatar.png descr: 今日事,今日毕 - name: Hexo link: https://hexo.io/zh-tw/ avatar: https://d33wubrfki0l68.cloudfront.net/6657ba50e702d84afb32fe846bed54fba1a77add/827ae/logo.svg descr: 快速、简单且强大的网誌框架 - class_ name: 网站 class_desc: 值得推荐的网站 link_ list: - name: Youtube link: https://www.youtube.com/ avatar: https://i.loli.net/2020/05/14/9ZkGg8v3azHJfM1.png descr: 视频网站 - name: Weibo link: https://www.weibo.com/ avatar: https://i.loli.net/2020/05/14/TLJBum386vcnI1P.png descr: 中国最大社交分享平台 - name: Twitter link: https://twitter.com/ avatar: https://i.loli.net/2020/05/14/5VyHPQqR6LWF39a.png descr: 社交分享平台 {% endflink %}
第三方链接
引用站外地址
获取网站的Favicon图标并显示在你的网页上
github
1 {% link 获取网站的Favicon图标并显示在你的网页上,github,https://github.com/chenqi92/allbs %}
多选
1 2 3 4 5 6 7 8 9 10 {% checkbox 纯文本测试 %} {% checkbox checked::支持简单的 [markdown ](https://guides.github.com/features/mastering-markdown/ ) 语法 %} {% checkbox red::支持自定义颜色 %} {% checkbox green checked::绿色 + 默认选中 %} {% checkbox yellow checked::黄色 + 默认选中 %} {% checkbox cyan checked::青色 + 默认选中 %} {% checkbox blue checked::蓝色 + 默认选中 %} {% checkbox plus green checked::增加 %} {% checkbox minus yellow checked::减少 %} {% checkbox times red checked::叉 %}
单选
1 2 3 4 5 6 7 {% radio 纯文本测试 %} {% radio checked, 支持简单的 [markdown ](https://guides.github.com/features/mastering-markdown/ ) 语法 %} {% radio red, 支持自定义颜色 %} {% radio green, 绿色 %} {% radio yellow, 黄色 %} {% radio cyan, 青色 %} {% radio blue, 蓝色 %}
1 {% frame iphone11 | img=https://mf.alllf.com/cloudpic/2022/07/66e02dfa0bd273d9e2c6be4fdd930a41.png | part=top %}
网盘
1 {% pandown baidu::https://example.com::1234::百度网盘 %}
折叠框
查看默认打开的折叠框
查看代码测试
查看列表测试
查看嵌套测试
查看嵌套测试2 查看嵌套测试3 hahaha
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 {% folding cyan open, 查看默认打开的折叠框 %} 这是一个默认打开的折叠框。 {% endfolding %} {% folding green, 查看代码测试 %} {% endfolding %} {% folding yellow, 查看列表测试 %} - haha- hehe{% endfolding %} {% folding red, 查看嵌套测试 %} {% folding blue, 查看嵌套测试2 %} {% folding 查看嵌套测试3 %} hahaha <span > <img src ='https://cdn.jsdelivr.net/gh/volantis-x/cdn-emoji/tieba/%E6%BB%91%E7%A8%BD.png' style ='height:24px' > </span > {% endfolding %} {% endfolding %} {% endfolding %}
行内图片
这是 一段话。
这又是 一段话。
1 2 3 这是 {% inlineimage https://gcore.jsdelivr.net/gh/volantis-x/cdn-emoji/aru-l/0000.gif %} 一段话。 这又是 {% inlineimage https://gcore.jsdelivr.net/gh/volantis-x/cdn-emoji/aru-l/5150.gif::height=40px %} 一段话。
添加描述:
指定宽度:
指定宽度并添加描述:
设置占位背景色:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 添加描述: {% image https://gcore.jsdelivr.net/gh/volantis-x/cdn-wallpaper-minimalist/2020/025.jpg::alt=每天下课回宿舍的路,没有什么故事。 %} 指定宽度: {% image https://gcore.jsdelivr.net/gh/volantis-x/cdn-wallpaper-minimalist/2020/025.jpg::width=400px %} 指定宽度并添加描述: {% image https://gcore.jsdelivr.net/gh/volantis-x/cdn-wallpaper-minimalist/2020/025.jpg::width=400px::alt=每天下课回宿舍的路,没有什么故事。 %} 设置占位背景色: {% image https://gcore.jsdelivr.net/gh/volantis-x/cdn-wallpaper-minimalist/2020/025.jpg::width=400px::bg=#1D0C04::alt=优化不同宽度浏览的观感 %}
相册
[{"url":"https://gcore.jsdelivr.net/gh/volantis-x/cdn-wallpaper-minimalist/2020/001.jpg","alt":""},{"url":"https://gcore.jsdelivr.net/gh/volantis-x/cdn-wallpaper-minimalist/2020/002.jpg","alt":""},{"url":"https://gcore.jsdelivr.net/gh/volantis-x/cdn-wallpaper-minimalist/2020/003.jpg","alt":""},{"url":"https://gcore.jsdelivr.net/gh/volantis-x/cdn-wallpaper-minimalist/2020/004.jpg","alt":""},{"url":"https://gcore.jsdelivr.net/gh/volantis-x/cdn-wallpaper-minimalist/2020/005.jpg","alt":""},{"url":"https://gcore.jsdelivr.net/gh/volantis-x/cdn-wallpaper-minimalist/2020/006.jpg","alt":""},{"url":"https://gcore.jsdelivr.net/gh/volantis-x/cdn-wallpaper-minimalist/2020/007.jpg","alt":""},{"url":"https://gcore.jsdelivr.net/gh/volantis-x/cdn-wallpaper-minimalist/2020/008.jpg","alt":""},{"url":"https://gcore.jsdelivr.net/gh/volantis-x/cdn-wallpaper-minimalist/2020/009.jpg","alt":""},{"url":"https://gcore.jsdelivr.net/gh/volantis-x/cdn-wallpaper-minimalist/2020/010.jpg","alt":""},{"url":"https://gcore.jsdelivr.net/gh/volantis-x/cdn-wallpaper-minimalist/2020/011.jpg","alt":""},{"url":"https://gcore.jsdelivr.net/gh/volantis-x/cdn-wallpaper-minimalist/2020/012.jpg","alt":""},{"url":"https://gcore.jsdelivr.net/gh/volantis-x/cdn-wallpaper-minimalist/2020/013.jpg","alt":""},{"url":"https://gcore.jsdelivr.net/gh/volantis-x/cdn-wallpaper-minimalist/2020/014.jpg","alt":""},{"url":"https://gcore.jsdelivr.net/gh/volantis-x/cdn-wallpaper-minimalist/2020/015.jpg","alt":""},{"url":"https://gcore.jsdelivr.net/gh/volantis-x/cdn-wallpaper-minimalist/2020/016.jpg","alt":""},{"url":"https://gcore.jsdelivr.net/gh/volantis-x/cdn-wallpaper-minimalist/2020/017.jpg","alt":""},{"url":"https://gcore.jsdelivr.net/gh/volantis-x/cdn-wallpaper-minimalist/2020/018.jpg","alt":""},{"url":"https://gcore.jsdelivr.net/gh/volantis-x/cdn-wallpaper-minimalist/2020/019.jpg","alt":""},{"url":"https://gcore.jsdelivr.net/gh/volantis-x/cdn-wallpaper-minimalist/2020/020.jpg","alt":""},{"url":"https://gcore.jsdelivr.net/gh/volantis-x/cdn-wallpaper-minimalist/2020/021.jpg","alt":""},{"url":"https://gcore.jsdelivr.net/gh/volantis-x/cdn-wallpaper-minimalist/2020/022.jpg","alt":""},{"url":"https://gcore.jsdelivr.net/gh/volantis-x/cdn-wallpaper-minimalist/2020/023.jpg","alt":""},{"url":"https://gcore.jsdelivr.net/gh/volantis-x/cdn-wallpaper-minimalist/2020/024.jpg","alt":""}]