做网站比较便宜,网站开发合同缺陷,wordpress 预缓存,网站建设营销推广原文链接#xff1a;https://blog.csdn.net/blogdevteam/article/details/103478461 本文对其二次加工#xff0c;增加渲染样式、补充例程、添加未收录的常用语法。 CSDN Markdown 编辑器遵循 CommonMark spec 语法规范。 快捷键 撤销#xff1a;Ctrl/Command Z
重做… 原文链接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}{蓝色文本}蓝色文本
标记文本
删除文本
我带下划线 引用文本 二级引用 三级引用 H2O is是液体。 210 运算结果是 1024。
注$\color{Blue}{蓝色文本}$ 支持的字体颜色参考下图 分割线 语法\color{red}{语法}语法 三个短横线
---段落 语法\color{red}{语法}语法 用空行表示新的段落
第一段第一行
第一段第二行第二段第一行第三段第一行渲染效果为\color{red}{渲染效果为}渲染效果为
第一段第一行 第一段第二行
第二段第一行
第三段第一行 列表 语法\color{red}{语法}语法 嵌套列表需在子列表前添加 4 个空格
- 项目
* 项目项目1. 项目1
2. 项目22.1 子项目12.2 子项目2
4. 项目3- [ ] 计划任务
- [x] 完成任务渲染效果为\color{red}{渲染效果为}渲染效果为
项目
项目
项目 项目1 项目2 2.1 子项目1 2.2 子项目2 项目3 计划任务 完成任务 自定义列表 语法\color{red}{语法}语法
Markdown
: Text-to-HTML conversion toolAuthors
: John
: Luke渲染效果为\color{red}{渲染效果为}渲染效果为 MarkdownText-to-HTML conversion tool AuthorsJohn Luke 链接 语法\color{red}{语法}语法 [描述](URL 地址)
链接: [link](https://mp.csdn.net).渲染效果为\color{red}{渲染效果为}渲染效果为
链接: link. 图片 语法\color{red}{语法}语法 
默认:高度确定宽度等比例的图片:居中的图片:居中并且带尺寸的图片:
渲染效果为\color{red}{渲染效果为}渲染效果为
默认:
高度确定宽度等比例的图片:
居中的图片:
居中并且带尺寸的图片: 代码片 语法\color{red}{语法}语法
单句代码放在两个间隔号 () 内代码块三个间隔号 代码类型 代码体 三个间隔号 渲染效果为\color{red}{渲染效果为}渲染效果为
int value
// A code block
var foo bar;// An highlighted block
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}{渲染效果为}渲染效果为
项目Value电脑$1600手机$12导管$1
Column 1Column 2centered 文本居中right-aligned 文本居左高级 转义
语法\color{red}{语法}语法
\.\.\.
\*
\_渲染效果为\color{red}{渲染效果为}渲染效果为 ... * _
Markdown支持对以下特殊符号的转义
\ 反斜线反引号
* 星号
_ 下划线
{} 花括号
[] 方括号
() 小括号
# 井字号加号
- 减号
. 英文句点
! 感叹号HTML
1.键盘码kbd Ctrl /kbd 键 Ctrl 键
2.下划线u文本/u 文本
3.换行在表格中br换行 在表格中换行
4.改变字号我是正常字体 font size5我是变大的字/font 我是正常字体我是变大的字
5.添加背景颜色
tabletd bgcolorPaleGreen
浅绿色背景
/table浅绿色背景 更多背景颜色可也参考[这位网友的文章](https://blog.csdn.net/jk_chen_acmer/article/details/81589871) 。 注脚 语法\color{red}{语法}语法 [^标签]
一个具有注脚的文本。[^1]
[^1]: 注脚的解释渲染效果为\color{red}{渲染效果为}渲染效果为
一个具有注脚的文本。1 注释 语法\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
VCM(MIN)≥AVSS0.2V12Gain∗VIN(MAX)V_{CM(MIN)} ≥ AVSS 0.2V \frac{1}{2}Gain*V_{IN(MAX)}VCM(MIN)≥AVSS0.2V21Gain∗VIN(MAX)
Γ(z)∫0∞tz−1e−tdt.\Gamma(z) \int_0^\infty t^{z-1} e^{-t}dt \,. Γ(z)∫0∞tz−1e−tdt.
VCM(MIN)≥AVSS0.2V12Gain∗VIN(MAX)V_{CM(MIN)} ≥ AVSS 0.2V \frac{1}{2}Gain*V_{IN(MAX)} VCM(MIN)≥AVSS0.2V21Gain∗VIN(MAX)
新的数学公式使用了KaTex其语法与 LaTex基本一致但也有一些不同的地方具体请参考KaTex官方使用文档 https://katex.org/docs/supported.html
可也参考这位网友的文章。 插入甘特图 语法\color{red}{语法}语法
渲染效果为\color{red}{渲染效果为}渲染效果为
Mon 06Mon 13已完成 进行中 计划中 现有任务Adding GANTT diagram functionality to mermaid插入UML图 语法\color{red}{语法}语法
渲染效果为\color{red}{渲染效果为}渲染效果为
#mermaid-svg-TrJ7LDkEFckwLPsO {font-family:"trebuchet ms",verdana,arial,sans-serif;font-size:16px;fill:#333;}#mermaid-svg-TrJ7LDkEFckwLPsO .error-icon{fill:#552222;}#mermaid-svg-TrJ7LDkEFckwLPsO .error-text{fill:#552222;stroke:#552222;}#mermaid-svg-TrJ7LDkEFckwLPsO .edge-thickness-normal{stroke-width:2px;}#mermaid-svg-TrJ7LDkEFckwLPsO .edge-thickness-thick{stroke-width:3.5px;}#mermaid-svg-TrJ7LDkEFckwLPsO .edge-pattern-solid{stroke-dasharray:0;}#mermaid-svg-TrJ7LDkEFckwLPsO .edge-pattern-dashed{stroke-dasharray:3;}#mermaid-svg-TrJ7LDkEFckwLPsO .edge-pattern-dotted{stroke-dasharray:2;}#mermaid-svg-TrJ7LDkEFckwLPsO .marker{fill:#333333;stroke:#333333;}#mermaid-svg-TrJ7LDkEFckwLPsO .marker.cross{stroke:#333333;}#mermaid-svg-TrJ7LDkEFckwLPsO svg{font-family:"trebuchet ms",verdana,arial,sans-serif;font-size:16px;}#mermaid-svg-TrJ7LDkEFckwLPsO .actor{stroke:hsl(259.6261682243, 59.7765363128%, 87.9019607843%);fill:#ECECFF;}#mermaid-svg-TrJ7LDkEFckwLPsO text.actortspan{fill:black;stroke:none;}#mermaid-svg-TrJ7LDkEFckwLPsO .actor-line{stroke:grey;}#mermaid-svg-TrJ7LDkEFckwLPsO .messageLine0{stroke-width:1.5;stroke-dasharray:none;stroke:#333;}#mermaid-svg-TrJ7LDkEFckwLPsO .messageLine1{stroke-width:1.5;stroke-dasharray:2,2;stroke:#333;}#mermaid-svg-TrJ7LDkEFckwLPsO #arrowhead path{fill:#333;stroke:#333;}#mermaid-svg-TrJ7LDkEFckwLPsO .sequenceNumber{fill:white;}#mermaid-svg-TrJ7LDkEFckwLPsO #sequencenumber{fill:#333;}#mermaid-svg-TrJ7LDkEFckwLPsO #crosshead path{fill:#333;stroke:#333;}#mermaid-svg-TrJ7LDkEFckwLPsO .messageText{fill:#333;stroke:#333;}#mermaid-svg-TrJ7LDkEFckwLPsO .labelBox{stroke:hsl(259.6261682243, 59.7765363128%, 87.9019607843%);fill:#ECECFF;}#mermaid-svg-TrJ7LDkEFckwLPsO .labelText,#mermaid-svg-TrJ7LDkEFckwLPsO .labelTexttspan{fill:black;stroke:none;}#mermaid-svg-TrJ7LDkEFckwLPsO .loopText,#mermaid-svg-TrJ7LDkEFckwLPsO .loopTexttspan{fill:black;stroke:none;}#mermaid-svg-TrJ7LDkEFckwLPsO .loopLine{stroke-width:2px;stroke-dasharray:2,2;stroke:hsl(259.6261682243, 59.7765363128%, 87.9019607843%);fill:hsl(259.6261682243, 59.7765363128%, 87.9019607843%);}#mermaid-svg-TrJ7LDkEFckwLPsO .note{stroke:#aaaa33;fill:#fff5ad;}#mermaid-svg-TrJ7LDkEFckwLPsO .noteText,#mermaid-svg-TrJ7LDkEFckwLPsO .noteTexttspan{fill:black;stroke:none;}#mermaid-svg-TrJ7LDkEFckwLPsO .activation0{fill:#f4f4f4;stroke:#666;}#mermaid-svg-TrJ7LDkEFckwLPsO .activation1{fill:#f4f4f4;stroke:#666;}#mermaid-svg-TrJ7LDkEFckwLPsO .activation2{fill:#f4f4f4;stroke:#666;}#mermaid-svg-TrJ7LDkEFckwLPsO .actorPopupMenu{position:absolute;}#mermaid-svg-TrJ7LDkEFckwLPsO .actorPopupMenuPanel{position:absolute;fill:#ECECFF;box-shadow:0px 8px 16px 0px rgba(0,0,0,0.2);filter:drop-shadow(3px 5px 2px rgb(0 0 0 / 0.4));}#mermaid-svg-TrJ7LDkEFckwLPsO .actor-man line{stroke:hsl(259.6261682243, 59.7765363128%, 87.9019607843%);fill:#ECECFF;}#mermaid-svg-TrJ7LDkEFckwLPsO .actor-man circle,#mermaid-svg-TrJ7LDkEFckwLPsO line{stroke:hsl(259.6261682243, 59.7765363128%, 87.9019607843%);fill:#ECECFF;stroke-width:2px;}#mermaid-svg-TrJ7LDkEFckwLPsO :root{--mermaid-font-family:"trebuchet ms",verdana,arial,sans-serif;}张三李四王五你好李四, 最近怎么样?你最近怎么样王五我很好谢谢!我很好谢谢!李四想了很长时间, 文字太长了不适合放在一行.打量着王五...很好... 王五, 你怎么样?张三李四王五插入Mermaid流程图 语法\color{red}{语法}语法
渲染效果为\color{red}{渲染效果为}渲染效果为
#mermaid-svg-NEK4rLaUiaRtYhAk {font-family:"trebuchet ms",verdana,arial,sans-serif;font-size:16px;fill:#333;}#mermaid-svg-NEK4rLaUiaRtYhAk .error-icon{fill:#552222;}#mermaid-svg-NEK4rLaUiaRtYhAk .error-text{fill:#552222;stroke:#552222;}#mermaid-svg-NEK4rLaUiaRtYhAk .edge-thickness-normal{stroke-width:2px;}#mermaid-svg-NEK4rLaUiaRtYhAk .edge-thickness-thick{stroke-width:3.5px;}#mermaid-svg-NEK4rLaUiaRtYhAk .edge-pattern-solid{stroke-dasharray:0;}#mermaid-svg-NEK4rLaUiaRtYhAk .edge-pattern-dashed{stroke-dasharray:3;}#mermaid-svg-NEK4rLaUiaRtYhAk .edge-pattern-dotted{stroke-dasharray:2;}#mermaid-svg-NEK4rLaUiaRtYhAk .marker{fill:#333333;stroke:#333333;}#mermaid-svg-NEK4rLaUiaRtYhAk .marker.cross{stroke:#333333;}#mermaid-svg-NEK4rLaUiaRtYhAk svg{font-family:"trebuchet ms",verdana,arial,sans-serif;font-size:16px;}#mermaid-svg-NEK4rLaUiaRtYhAk .label{font-family:"trebuchet ms",verdana,arial,sans-serif;color:#333;}#mermaid-svg-NEK4rLaUiaRtYhAk .cluster-label text{fill:#333;}#mermaid-svg-NEK4rLaUiaRtYhAk .cluster-label span{color:#333;}#mermaid-svg-NEK4rLaUiaRtYhAk .label text,#mermaid-svg-NEK4rLaUiaRtYhAk span{fill:#333;color:#333;}#mermaid-svg-NEK4rLaUiaRtYhAk .node rect,#mermaid-svg-NEK4rLaUiaRtYhAk .node circle,#mermaid-svg-NEK4rLaUiaRtYhAk .node ellipse,#mermaid-svg-NEK4rLaUiaRtYhAk .node polygon,#mermaid-svg-NEK4rLaUiaRtYhAk .node path{fill:#ECECFF;stroke:#9370DB;stroke-width:1px;}#mermaid-svg-NEK4rLaUiaRtYhAk .node .label{text-align:center;}#mermaid-svg-NEK4rLaUiaRtYhAk .node.clickable{cursor:pointer;}#mermaid-svg-NEK4rLaUiaRtYhAk .arrowheadPath{fill:#333333;}#mermaid-svg-NEK4rLaUiaRtYhAk .edgePath .path{stroke:#333333;stroke-width:2.0px;}#mermaid-svg-NEK4rLaUiaRtYhAk .flowchart-link{stroke:#333333;fill:none;}#mermaid-svg-NEK4rLaUiaRtYhAk .edgeLabel{background-color:#e8e8e8;text-align:center;}#mermaid-svg-NEK4rLaUiaRtYhAk .edgeLabel rect{opacity:0.5;background-color:#e8e8e8;fill:#e8e8e8;}#mermaid-svg-NEK4rLaUiaRtYhAk .cluster rect{fill:#ffffde;stroke:#aaaa33;stroke-width:1px;}#mermaid-svg-NEK4rLaUiaRtYhAk .cluster text{fill:#333;}#mermaid-svg-NEK4rLaUiaRtYhAk .cluster span{color:#333;}#mermaid-svg-NEK4rLaUiaRtYhAk div.mermaidTooltip{position:absolute;text-align:center;max-width:200px;padding:2px;font-family:"trebuchet ms",verdana,arial,sans-serif;font-size:12px;background:hsl(80, 100%, 96.2745098039%);border:1px solid #aaaa33;border-radius:2px;pointer-events:none;z-index:100;}#mermaid-svg-NEK4rLaUiaRtYhAk :root{--mermaid-font-family:"trebuchet ms",verdana,arial,sans-serif;}链接长方形圆圆角长方形菱形插入Flowchart流程图 语法\color{red}{语法}语法
渲染效果为\color{red}{渲染效果为}渲染效果为
Created with Raphaël 2.3.0开始我的操作确认结束yesno注脚的解释 ↩︎
