当前位置： 首页 > news >正文

建设网站好学吗,做网站排名需要多少钱,网上注册公司流程视频,曲阜市古建设计院网站原文链接#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

1. 项目22.1 子项目12.2 子项目2
2. 项目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}{语法}语法 描述 链接: link.渲染效果为\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浅绿色背景 更多背景颜色可也参考这位网友的文章 。 注脚 语法\color{red}{语法}语法 [^标签] 一个具有注脚的文本。^1

  一个具有注脚的文本。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.2V21​Gain∗VIN(MAX)​ Γ(z)∫0∞tz−1e−tdt.\Gamma(z) \int0^\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.2V21​Gain∗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注脚的解释 ↩︎