Markdown 如何实现代码增删对比效果 [功能&FAQ] Github图床搭建,结合Picgo与jsdelivr的免费cdn加速,以及部分问题解决方案
格式
# 一级标题
## 二级标题
### 三级标题
#### 四级标题
符号
文字
颜色
$\color{blue}{text}$
$\color{blue}{text}$
高亮
-RUN pip install -r requirements.txt
+RUN pip install -r requirements.txt -i https://pypi.douban.com/simple
数学
上下标
下标
$x_1$
$x_1$
上标
$x^2$
$x^2$
同时上下标
$x_i^2$
$x_i^2$
大括号
上部
$\overbrace{b+c+d}^m$
$\overbrace{b+c+d}^m$
下部
$\underbrace{c+d+e}_n$
$\underbrace{c+d+e}_n$
分数
$\frac {a+c+1}{b+c+2}$
$\frac {a+c+1}{b+c+2}$
$\frac{a}{b}$
$\frac{a}{b}$
公式
行内
$\Gamma(z) = \int_0^\infty t^{z-1}e^{-t}dt\, .$
$\Gamma(z) = \int_0^\infty t^{z-1}e^{-t}dt\, .$
行间
\[\Gamma(z) = \int_0^\infty t^{z-1}e^{-t}dt\, .\]$$\Gamma(z) = \int_0^\infty t^{z-1}e^{-t}dt\, .$$
多行
\[L(Y, f(X)) = \begin{cases} 0, & \text{Y = f(X)} \\[5ex] 1, & \text{Y $\neq$ f(X)} \end{cases}\]$$
L(Y, f(X)) =
\begin{cases}
0, & \text{Y = f(X)} \\[5ex]
1, & \text{Y $\neq$ f(X)}
\end{cases}
$$
表格
使用\begin{array}{列样式}…\end{array} 创建表格
| 列样式可以是clr 表示居中, 左, 右对齐, 还可以使用 | 表示一条竖线 |
表格中各行使用\ 分隔, 各列使用& 分隔, 使用\hline 在本行前加入一条直线
\[\begin{array}{c|lcr} n & \text{Left} & \text{Center} & \text{Right} \\ \hline 1 & 0.24 & 1 & 125 \\ 2 & -1 & 189 & -8 \\ 3 & -20 & 2000 & 1+10i \\ \end{array}\]$$
\begin{array}{c|lcr}
n & \text{Left} & \text{Center} & \text{Right} \\
\hline
1 & 0.24 & 1 & 125 \\
2 & -1 & 189 & -8 \\
3 & -20 & 2000 & 1+10i \\
\end{array}
$$
图片
图床
搭建Github图床
创建仓库
GitHub首页右上角➕, 下拉菜单选取”New repository”
填写仓库名, 仓库属性选择Public, 创建仓库
获取token
配置PicGO
使用
上传成功后会获取如下URL
Base64格式
base64编码长, 影响文档排版
![图片名, 可选][Base64_ID]
...
[Babse64_ID]:data:image/png;base64.....
普通图
代码块标签mermaid
设置
方向
| 方向 | 代码 |
|---|---|
| 从上到下 | TB |
| 从下到上 | BT |
| 从左到右 | LR |
| 从右到左 | RL |
形状
节点图像由节点ID, 描述文字组成
graph TB
A[方形]
B(圆角形)
C((圆形))
D>旗形]
E{菱形}
graph TB
A[方形]
B(圆角形)
C((圆形))
D>旗形]
E{菱形}
连接
| 指令 | 连接方式 |
|---|---|
| A – B A – 描述 – B |
A不带箭头指向B |
| A -.- B A -. 描述 .- B |
A虚线指向B |
| A -.-> B A -. 描述 .-> B |
A带箭头虚线指向B |
| A ==> B A == 描述 ==> B |
A加粗箭头指向B |
graph TB;
A1[A]---B1[B]
A4[A] -.- B4[B]
A5[A] -.-> B5[B]
A7[A] ==> B7[B]
graph TB
A[A] -- 描述 --- B[B]
A5[A] -.描述.- B5[B]
A3[A] -. 描述 .-> B3[B]
A4[A] == 描述 ==> B4[B]
子图
graph TB;
subgraph A
id2==粗线==>id3{菱形}
id3-.虚线.->id4>右向旗帜]
id3--无箭头---id5((圆形))
end
graph TB
subgraph A
id2==粗线==>id3{菱形}
id3-.虚线.->id4>右向旗帜]
id3--无箭头---id5((圆形))
end