原文链接:https://blog.csdn.net/blogdevteam/article/details/103478461 本文对其二次加工,增加渲染样式、补充例程、添加未收录的常用语法。
CSDN Markdown 编辑器遵循 CommonMark spec 语法规范。
快捷键
撤销:Ctrl/Command + Z
重做:Ctrl/Command + Y
加粗:Ctrl/Command + B
斜体:Ctrl/Command + I
标题:Ctrl/Command + Shift + H
无序列表:Ctrl/Command + Shift + U
有序列表:Ctrl/Command + Shift + O
检查列表:Ctrl/Command + Shift + C
插入代码:Ctrl/Command + Shift + K
插入链接:Ctrl/Command + Shift + L
插入图片:Ctrl/Command + Shift + G
标题
语法:
\color{red}{语法:}
语法:
# 1级标题
## 2级标题
### 3级标题
#### 四级标题
##### 五级标题
###### 六级标题
渲染效果为:
\color{red}{渲染效果为:}
渲染效果为:
文本样式
语法:
\color{red}{语法:}
语法:
*强调文本* _强调文本_
**加粗文本** __加粗文本__
$\color{Blue}{蓝色文本}$
==标记文本==
~~删除文本~~
<u>我带下划线</u>
> 引用文本
>> 二级引用
>>>三级引用
H~2~O is是液体。
2^10^ 运算结果是 1024
渲染效果为:
\color{red}{渲染效果为:}
渲染效果为:
强调文本 强调文本
加粗文本 加粗文本
蓝色文本
\color{Blue}{蓝色文本}
蓝色文本
标记文本
删除文本
我带下划线
引用文本
二级引用
三级引用
H2 O is是液体。 210 运算结果是 1024。
注 :$\color{Blue}{蓝色文本}$
支持的字体颜色参考下图:
分割线
语法:
\color{red}{语法:}
语法: 三个短横线
---
段落
语法:
\color{red}{语法:}
语法: 用空行表示新的段落
第一段第一行
第一段第二行
第二段第一行
第三段第一行
渲染效果为:
\color{red}{渲染效果为:}
渲染效果为:
第一段第一行 第一段第二行
第二段第一行
第三段第一行
列表
语法:
\color{red}{语法:}
语法: 嵌套列表 需在子列表前添加 4 个空格
- 项目
* 项目
+ 项目
1. 项目1
2. 项目2
2.1 子项目1
2.2 子项目2
4. 项目3
- [ ] 计划任务
- [x] 完成任务
渲染效果为:
\color{red}{渲染效果为:}
渲染效果为:
项目1
项目2 2.1 子项目1 2.2 子项目2
项目3
自定义列表
语法:
\color{red}{语法:}
语法:
Markdown
: Text-to-HTML conversion tool
Authors
: John
: Luke
渲染效果为:
\color{red}{渲染效果为:}
渲染效果为:
Markdown
Text-to-
HTML conversion tool
Authors
John
Luke
链接
语法:
\color{red}{语法:}
语法: [描述](URL 地址)
链接: [link](https://mp.csdn.net).
渲染效果为:
\color{red}{渲染效果为:}
渲染效果为:
链接: link.
图片
语法:
\color{red}{语法:}
语法: ![图片描述文本](图片 URL 地址)
默认:
![Alt](https://img-home.csdnimg.cn/images/20220524100510.png)
高度确定宽度等比例的图片:
![Alt](https://img-home.csdnimg.cn/images/20220524100510.png =x60)
居中的图片:
![Alt](https://img-home.csdnimg.cn/images/20220524100510.png#pic_center)
居中并且带尺寸的图片:
![Alt](https://img-home.csdnimg.cn/images/20220524100510.png#pic_center =60x60)
渲染效果为:
\color{red}{渲染效果为:}
渲染效果为:
默认:
高度确定宽度等比例的图片:
居中的图片:
居中并且带尺寸的图片:
代码片
语法:
\color{red}{语法:}
语法:
单句代码放在两个间隔号 (`) 内 代码块:三个间隔号()+ 代码类型 + 代码体 + 三个间隔号(
)
渲染效果为:
\color{red}{渲染效果为:}
渲染效果为:
int value
var foo = "bar" ;
var foo = "bar" ;
代码块必须手动声明代码语言类型
目前支持代码类型: markup
、html
、svg
、xml
、c
、clike
、cpp
、csharp
、java
、vbnet
、go
、ruby/rb
、python/py
、php
、sql
、perl
、objectivec
、swift
、javascript/js
、css
、handlebars
、bash
、kotlin
代码块主题 默认主题为:Atom One Dark 可以前往 写作中心/博客设置 在代码片样式 项进行更改
表格
语法:
\color{red}{语法:}
语法: |
分隔不同的单元格 -
来分隔表头和其他行 -:
设置内容和标题栏右对齐 :-
设置内容和标题栏左对齐 :-:
设置内容和标题栏居中对齐
项目 | Value
-------- | -----
电脑 | $1600
手机 | $12
导管 | $1
| Column 1 | Column 2 |
| :-: | :- |
| centered 文本居中 | right-aligned 文本居右 |
渲染效果为:
\color{red}{渲染效果为:}
渲染效果为:
Column 1 Column 2 centered 文本居中 right-aligned 文本居左
高级
转义
语法:
\color{red}{语法:}
语法:
\.\.\.
\*
\_
渲染效果为:
\color{red}{渲染效果为:}
渲染效果为: ... * _
Markdown支持对以下特殊符号的转义:
\ 反斜线
` 反引号
* 星号
_ 下划线
{} 花括号
[] 方括号
() 小括号
# 井字号
+ 加号
- 减号
. 英文句点
! 感叹号
HTML
1.键盘码 :<kbd> Ctrl </kbd> 键
Ctrl 键
2.下划线 :<u>文本</u>
文本 `
3.换行 :在表格中<br>换行
在表格中 换行
4.改变字号 :我是正常字体, <font size=5>我是变大的字</font>
我是正常字体,我是变大的字
5.添加背景颜色:
<table><td bgcolor=PaleGreen>
浅绿色背景
</table>
更多背景颜色,可也参考[这位网友的文章](https://blog.csdn.net/jk_chen_acmer/article/details/81589871) 。
注脚
语法:
\color{red}{语法:}
语法: [^标签]
一个具有注脚的文本。[^1]
[^1]: 注脚的解释
渲染效果为:
\color{red}{渲染效果为:}
渲染效果为:
一个具有注脚的文本。
注释
语法:
\color{red}{语法:}
语法:
Markdown 将文本转换为 HTML。
*[HTML]: 超文本标记语言
渲染效果为:
\color{red}{渲染效果为:}
渲染效果为:
Markdown 将文本转换为 HTML 。
KaTex 数学公式
语法:
\color{red}{语法:}
语法:
$\Gamma(n) = (n-1)! \quad \forall n \in \mathbb N$
$V_{CM(MIN)} ≥ AVSS + 0.2V + \frac{1}{2}Gain*V_{IN(MAX)}$
$$
\Gamma(z) = \int_0^\infty t^{z-1} e^{-t}dt \,.
$$
$$
V_{CM(MIN)} ≥ AVSS + 0.2V + \frac{1}{2}Gain*V_{IN(MAX)}
$$
渲染效果为:
\color{red}{渲染效果为:}
渲染效果为:
Γ
(
n
)
=
(
n
−
1
)
!
∀
n
∈
N
\Gamma(n) = (n-1)! \quad \forall n \in \mathbb N
Γ ( n ) = ( n − 1 )! ∀ n ∈ N
V
C
M
(
M
I
N
)
≥
A
V
S
S
+
0.2
V
+
1
2
G
a
i
n
∗
V
I
N
(
M
A
X
)
V_{CM(MIN)} ≥ AVSS + 0.2V + \frac{1}{2}Gain*V_{IN(MAX)}
V CM ( M I N ) ≥ A V SS + 0.2 V + 2 1 G ain ∗ V I N ( M A X )
Γ
(
z
)
=
∫
0
∞
t
z
−
1
e
−
t
d
t
.
\Gamma(z) = \int_0^\infty t^{z-1} e^{-t}dt \,.
Γ ( z ) = ∫ 0 ∞ t z − 1 e − t d t .
V
C
M
(
M
I
N
)
≥
A
V
S
S
+
0.2
V
+
1
2
G
a
i
n
∗
V
I
N
(
M
A
X
)
V_{CM(MIN)} ≥ AVSS + 0.2V + \frac{1}{2}Gain*V_{IN(MAX)}
V CM ( M I N ) ≥ A V SS + 0.2 V + 2 1 G ain ∗ V I N ( M A X )
新的数学公式使用了KaTex,其语法与 LaTex基本一致,但也有一些不同的地方,具体请参考KaTex官方使用文档: https://katex.org/docs/supported.html
可也参考这位网友的文章。
插入甘特图
语法:
\color{red}{语法:}
语法:
渲染效果为:
\color{red}{渲染效果为:}
渲染效果为:
2014-01-06
2014-01-07
2014-01-08
2014-01-09
2014-01-10
2014-01-11
2014-01-12
2014-01-13
2014-01-14
2014-01-15
2014-01-16
2014-01-17
已完成
进行中
计划中
现有任务
Adding GANTT diagram functionality to mermaid
插入UML图
语法:
\color{red}{语法:}
语法:
渲染效果为:
\color{red}{渲染效果为:}
渲染效果为:
张三
李四
王五
你好!李四, 最近怎么样?
你最近怎么样,王五?
我很好,谢谢!
我很好,谢谢!
李四想了很长时间, 文字太长了
不适合放在一行.
打量着王五...
很好... 王五, 你怎么样?
张三
李四
王五
插入Mermaid流程图
语法:
\color{red}{语法:}
语法:
渲染效果为:
\color{red}{渲染效果为:}
渲染效果为:
链接
长方形
圆
圆角长方形
菱形
插入Flowchart流程图
语法:
\color{red}{语法:}
语法:
渲染效果为:
\color{red}{渲染效果为:}
渲染效果为:
Created with Raphaël 2.3.0
开始
我的操作
确认?
结束
yes
no
读后有收获,资助博主养娃 - 千金难买知识,但可以买好多奶粉 (〃‘▽’〃)
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)