1. 技术文章
  2. markdown教程

markdown教程

由 风流意气都作罢 提交于 2020-11-03 13:02:29
1 --- 2 title: markdown教程 3 tags: 程序员基础知识 4 --- 5 ​ 6 ​ 7   **_版权声明_**：本文章参考了[《cmdmarkdown 官方教程》](https://www.zybuluo.com/mdeditor?url=https%3A%2F%2Fwww.zybuluo.com%2Fstatic%2Feditor%2Fmd-help.markdown "点击跳转")。未经作者允许，严禁用于商业出版，否则追究法律责任。网络转载请注明出处，这是对原创者的起码的尊重！！！ 8 ​ 9 --- 10 ​ 11 # 1 基本语法 12 ## 1.1 转义 13    右斜线`\` 表示转义，markdown中字符 [、 \、 *、`、$都需需要加上转义符号才能使用原字符。 14 ​ 15 ## 1.2 标题 16   `#`加空格表示一级标题 17   `##`加空格表示二级标题， 18   `###`加空格表示三级标题 19   `####`加空格表示四级标题 20   `#####`加空格表示五级标题 21   `######`加空格表示六级标题， 22 ​ 23   **注意：**只有当`#` 位于**一行开头，或引用文字中的一行开头**的才会起作用。 24 ​ 25 ## 1.3 加粗和斜体 26   两个`*`或`_`环绕表示加粗，如`**加粗**` ，显示效果：**加粗**。 27   一个`*`或`_`环绕表示斜体，如`*斜体*`， 显示效果：*斜体*。 28   三个`*`或`_`环绕表示粗斜体，如`***粗斜体***`，显示效果：***斜体***。 29 ​ 30 ## 1.4 删除线和分行线 31   两个波浪号环绕表示删除线，如： \`~~删除线~~ \` 显示效果：~~删除线~~。 32   三个 \* 或 \+或 \-表示一条横线，如`----`，显示效果： 33 ​ 34 ​ 35 ## 1.5 引用 36    用`>`表示引用。 37 >* 对一段话引用只需在开头使用一次。 38 >* 引用中可以使用**标题**，**粗体**、*斜体*、***粗斜体***、~~删除线~~、`代码`、`代码块`、公式、有序或无序列表**。 39 >* 引用中可以使用**链接、图片、跳转、表格**，在支持注脚的版本中也可以使用注脚。 40 >* 可以多层引用 41 >> |名字|年龄| 42 >> |---|---| 43 >> | 张三|10| 44 >> 45 >> [使用链接,该链接连接到百度](https://www.baidu.com "跳转到百度") 46 ​ 47 ## 1.6 无序列表 [968:0]行数：969 长度：19533 markdown教程 OSI参考模型和TCP_IP参考模型 根目录 C_or_C++ Linux_内核 Linux_教程 OpenSSL中文手册 Unix环境编程 Xilinx python教程 vim教程 其它 图片 数据结构 程序员基础知识 计算机安全 计算机操作系统 计算机网络 attachments OSI参考模型和TCP_IP参考模型.md LICENSE README.md 小书匠 新建 保存 另存为 markdown教程 HTML

markdown教程

程序员基础知识 

版权声明 ：本文章参考了 《cmdmarkdown 官方教程》。 未经作者允许， 严禁用于商业出版，否则追究法律责任。网络转载请注明出处，这是对原创者的起码的尊重！！！

1 基本语法

1.1 转义

   右斜线 \ 表示转义，markdown中字符 [、 \、 *、`、$都需需要加上转义符号才能使用原字符。

1.2 标题

#加空格表示一级标题
##加空格表示二级标题，
###加空格表示三级标题
####加空格表示四级标题
#####加空格表示五级标题
######加空格表示六级标题，

注意： 只有当 # 位于一行开头，或引用文字中的一行开头的才会起作用。

1.3 加粗和斜体

  两个 *或 _环绕表示加粗，如 **加粗** ，显示效果： 加粗。
  一个 *或 _环绕表示斜体，如 *斜体*， 显示效果： 斜体。
  三个 *或 _环绕表示粗斜体，如 ***粗斜体***，显示效果： 斜体 。

1.4 删除线和分行线

  两个波浪号环绕表示删除线，如： ` 删除线 ` 显示效果： 删除线。
  三个 * 或 +或 -表示一条横线，如 ----，显示效果：

1.5 引用

   用 >表示引用。

  • 对一段话引用只需在开头使用一次。
  • 引用中可以使用 标题， 粗体、 斜体、 粗斜体 、 删除线、 代码、 代码块、公式、有序或无序列表**。
  • 引用中可以使用 链接、图片、跳转、表格，在支持注脚的版本中也可以使用注脚。
  • 可以多层引用
名字 年龄
张三 10

使用链接,该链接连接到百度

1.6 无序列表

  • *或+或-，分别加空格表示无序列表
    • 每级缩进一个TAB
        1. 可以多层列表
        1. 可以嵌套列表

1.7 有序列表

  1. 有序列表用 序号.加空格表示，
  2. 一个TAB为一级缩进
  3. 有序列表每一级都会重新开始排序
    1. 有序列表显示的是实际的序号与输入的序号无关，
    1. 可以多层列表，
    • 可以嵌套列表

1.8 代码和代码块

  句内代码用 ` 代码 `表示，例如: int a=2
  代码块的每一行用四个空格或一个tab开头

1.9 链接与图片

  • 链接有三种方式:
    1. 行内式： [描述文字](链接地址 “悬停提示")
    2. 参考式： [描述文字][id] ，在任何地方使用 [id](链接地址 “悬停提示")，可以省略id，省略id表示id为描述文字，
    3. 直接链接： <完整链接地址>，如：https://www.baidu.com
  • 图片的语法和链接前两种语法一致，只是在开头需要加上一个英文的感叹号 !，表示这是图片。如： ![这是行内式连接](www.baidu.com "百度")

1.10 表格

  请看例子：

markdown    4行
  1. 1|姓名|年龄|体重| 
  2. 2|:--|:--:|--:|  
  3. 3|张三||100|20|  

   冒号表示对齐方式，分别是左对齐，居中，右对齐，显示如下：

姓名: 年龄 体重
张三 100 20

  可以在最后一行使用 &emsp;或 &ensp来控制列宽。

1.11 markdown兼容HTML语法

1.12 语法套用的基本原则

  所有可在行内使用的语法都可以在其他语法中套用，比如 加粗 可在标题中使用。

2 扩展语法

2.1 任务列表

  git markdown、cmd markdown、youdao markdown ，可以支持任务列表, - []表示未完成 - [X]表示已完成， 任务列表也支持多级使用。

  • 未完成
  • 已完成

2.2 LaTeX数学公式

2.2.1 基本语法

cmd markdown，CSDN markdown支持LaTeX数学公式。

  • $数学公式$——表示行内数学公式，如 $a^+b^2 $,显示效果： $a+b2 $；
  • $$数学公式$$—— 表示整行数学公式，如 $$a^2+b^2 =c^2$$，显示效果：

2.2.2 公式对齐

  • \begin{align} ... \end{align}，使用&表示对齐位置，\\表示换行，\tag{n}标签序号。
cpp    7行
  1. 1$$ 
  2. 2\begin{align} 
  3. 3h(x) =& \frac{ 1}{\int_xt(x)\mathrm{d}x} \tag{ 1} \\ 
  4. 4=& \frac{ 1}{\int_x\eta(x)\mathrm{d}x}g(x)\tag{ 2} 
  5. 5\end{align} 
  6. 6$$ 

  显示如下：

  • \begin{eqnarray} ...\end{eqnarray}，使用&表示对齐位置
cpp    9行
  1. 1$$ 
  2. 2\begin{eqnarray} 
  3. 3a & = & b + c \\ 
  4. 4& = & d + e + f + g + h + i + j + k + l\\ 
  5. 5&& +\: m + n + o \\ 
  6. 6& = & p + q + r + s 
  7. 7\end{eqnarray} 
  8. 8$$ 

  显示如下：

2.2.3 矩阵

  • 简单矩阵—— $$\begin{matrix}…\end{matrix}$$来生成矩阵，其中... 表示的是LaTeX 的矩阵命令，矩阵命令中每一行以 \ \ 结束，矩阵的元素之间用&来分隔开。
cpp    8行
  1. 1 $$ 
  2. 2 \begin{matrix} 
  3. 3 1 & 2 & 3 \\ 
  4. 4 4 & 5 & 6 \\ 
  5. 5 7 & 8 & 9 
  6. 6 \end{matrix} \tag{ 1} 
  7. 7$$ 

  显示如：

  • 带括号的Matrix——可以给矩阵加上括号，分为两种：使用 \left矩阵左括号 ... \right矩阵右括号(其中花括号要进行转义)或者把公式命令中的matrix 改成 pmatrix（圆括号）、bmatrix（方括号）、Bmatrix（花括号）、vmatrix（行列式）、Vmatrix（双竖线）等。
cpp    10行
  1. 1$$ 
  2. 2 \left\{ 
  3. 3 \begin{matrix} 
  4. 4 1 & 2 & 3 \\ 
  5. 5 4 & 5 & 6 \\ 
  6. 6 7 & 8 & 9 
  7. 7 \end{matrix} 
  8. 8 \right\} \tag{ 2} 
  9. 9$$ 

  显示如下：

cpp    8行
  1. 1$$ 
  2. 2 \begin{pmatrix} 
  3. 3 1 & 2 & 3 \\ 
  4. 4 4 & 5 & 6 \\ 
  5. 5 7 & 8 & 9 
  6. 6 \end{pmatrix} \tag{ 4} 
  7. 7$$ 

  显示如下：

cpp    8行
  1. 1$$ 
  2. 2 \begin{bmatrix} 
  3. 3 1 & 2 & 3 \\ 
  4. 4 4 & 5 & 6 \\ 
  5. 5 7 & 8 & 9 
  6. 6 \end{bmatrix} \tag{ 5} 
  7. 7$$ 

  显示如下：

cpp    8行
  1. 1$$ 
  2. 2 \begin{Bmatrix} 
  3. 3 1 & 2 & 3 \\ 
  4. 4 4 & 5 & 6 \\ 
  5. 5 7 & 8 & 9 
  6. 6 \end{Bmatrix} \tag{ 5} 
  7. 7$$ 

  显示如下：

cpp    8行
  1. 1$$ 
  2. 2 \begin{vmatrix} 
  3. 3 1 & 2 & 3 \\ 
  4. 4 4 & 5 & 6 \\ 
  5. 5 7 & 8 & 9 
  6. 6 \end{vmatrix} \tag{ 5} 
  7. 7$$ 

  显示如下：

cpp    8行
  1. 1$$ 
  2. 2 \begin{Vmatrix} 
  3. 3 1 & 2 & 3 \\ 
  4. 4 4 & 5 & 6 \\ 
  5. 5 7 & 8 & 9 
  6. 6 \end{Vmatrix} \tag{ 5} 
  7. 7$$ 

  显示如下：

  • 带省略符号的矩阵——如果矩阵元素太多，可以使用\cdots \ddots \vdots 等省略符号来定义矩阵。
cpp    11行
  1. 1$$ 
  2. 2\left[ 
  3. 3 \begin{matrix} 
  4. 4 1 & 2 & \cdots & 4 \\ 
  5. 5 7 & 6 & \cdots & 5 \\ 
  6. 6 \vdots & \vdots & \ddots & \vdots \\ 
  7. 7 8 & 9 & \cdots & 0 \\ 
  8. 8 \end{matrix} 
  9. 9\right] 
  10. 10$$ 

  显示如下：

  • 带参数的矩阵——比如写增广矩阵，可能需要最右边一列单独考虑。可以用array命令来处理,其中\begin{array}{cc|c}中的c表示居中对齐元素,|用来作为分割列的符号。
cpp    9行
  1. 1$$  
  2. 2\left[ 
  3. 3 \begin{ array}{cc|c} 
  4. 4 1 & 2 & 3 \\ 
  5. 5 4 & 5 & 6 
  6. 6 \end{ array} 
  7. 7\right] \tag{ 7} 
  8. 8$$ 

  显示如下：

  • 行间矩阵——可以使用 \bigl(\begin{smallmatrix} ... \end{smallmatrix}\\bigr)，
    2行
  1. 1 $\bigl( \begin{smallmatrix} a & b \\ c & d \end{smallmatrix} \bigr)$ 

  显示如下：

2.2.4 数学符号

  • 希腊字母——如果使用大写的希腊字母，把命令的首字母变成大写即可，例如 \Gamma 输出的是 $\Gamma 。 如 果 使 用 斜 体 大 写 希 腊 字 母 ， 再 在 大 写 希 腊 字 母 的 命 令 前 加 上 ， 例 如 生 成 \varGamma $。
命令 显示 命令 显示 命令 显示 命令 显示
\alpha \beta \gamma \delta
\epsilon \zeta \eta \theta
\iota \kappa \lambda \mu
\xi \nu \pi \rho
\sigma \tau \upsilon \phi
\chi \psi \omega \ell
  • 和号、积号、积分号、集合、极限
命令 显示 命令 显示
\sum \int
\sum_{i=1}^{N} $\sum_{i=1}^{N} $ \int_{a}^{b}
\prod \iint
\prod_{i=1}^{N} \iint_{a}^{b}
\bigcup \iiint
\bigcup_{i=1}^{N} \iiint_{a}^{b}
\bigcap \lim
\bigcap_{i=1}^{N} \lim_{x \to 0}
  • 三角函数和双曲函数
命令 显示 命令 显示
\sin x \cos x
\tan x \cot x
\sec x \csc x
\arcsin x \arccos x
\arctan x
\sinh x \cosh x
\tanh x \coth x
  • 根号、上标、下标、分数、括号、空格
命令 显示 命令 显示
\sqrt[3]{2} X^{3}
\sqrt{2} x_{3}
\frac{1}{2}
  • 特殊数学符号
命令 显示 命令 显示
\dot x \ddot x
\hat x \widehat {XYZ}
\bar x \overline {xyz}
\vec x \overrightarrow {xyz}
\overleftrightarrow {xyz}
  • 特殊符号
命令 显示 命令 显示
( ) [ ]
\{\ }
a,b a;b
a\quadb a\qquadb
\$ $$$ \_
\backslash a\\b
{n+1 \choose 2k} \binom{n+1}{2k}
a\equiv b\pmod n \tag x
  • 其他符号
命令 显示 命令 显示 命令 显示 命令 显示 命令 显示
\lt \gt \le \ge \neq
\not\lt \not\gt \not\le \not\ge
\times \div \pm \mp \cdot{xy}
\cup \cap \setminus
\subset \subseteq \subsetneq
\supset \supseteq \supsetneq
\in \notin \emptyset \varnothing
\to \mapsto
\rightarrow \leftarrow \Rightarrow \Leftarrow
\land \lor \lnot \forall \exists
\top \bot \vdash \vDash
\star \ast \oplus $ \oplus$ \circ \bullet
\approx $\approx $ \sim \simeq \cong \equiv
\prec \lhd \rhd \Re \Im
\infty \aleph_0 \nabla \partial
\ldots \cdots \ddots \vdots
  • 字体
命令 字体名 显示
\mathbb 或 \Bbb blackboard bold
\mathbf boldface
\mathtt typewriter
\mathrm roman
\mathsf sans-serif
\mathcal calligraphic
\mathscr script letters
\mathfrak Fraktur
  • 分组：同一个元素如果有个多个普通字符，使用大括号括起来表示同组： {a+b}

2.3 代码块高亮

  扩展版本还可以在行首使用 ` ` `代码块 ` ` `表示代码块，在第一行的三个` ` ` 后面可以添加对应语言来实现语法高亮，如：

markdown    10行
  1. 1 ````cpp  
  2. 2 int a = 10 ; 
  3. 3 int b = 20;  
  4. 4  
  5. 5  
  6. 6 显示如： 
  7. 7 ```cpp 
  8. 8 int a = 10 ; 
  9. 9 int b = 20; 
语言 关键字 语言 关键字
AppleScript applescript 普通文本 text , plain
ActionScript 3.0 actionscript3 , as3 Python py , python
Shell bash , shell Ruby ruby , rails , ror , rb
ColdFusion coldfusion , cf SASS&SCSS sass , scss
C cpp , c Scala scala
C# c# , c-sharp , csharp SQL sql
CSS css Visual Basic vb , vbnet
Delphi delphi , pascal , pas XML xml , xhtml , xslt , html
diff&patch diff patch Objective C objc , obj-c
Erlang erl , erlang F# f# f-sharp , fsharp
Groovy groovy R r , s , splus
Java java matlab matlab
JavaFX jfx , javafx swift swift
JavaScript js , jscript , javascript GO go , golang
Perl perl , pl , Perl
PHP php

2.4 生成目录

  cmd markdown 和 csdn markdown 可以在 新行用 [TOC]生成目录。如：

2.5 页内跳转

  cmdmarkdown gitmarkdown csdnmarkdown 都支持页内跳转，语法： [页内跳转](#页内文字)，比如： [跳到开头](#一、基本语法)，显示如下：

跳到开头

2.6 锚点跳转

  这是html 的语法， <span id='idname'>跳转文字</span>设置锚点，在其他地方就可以使用 [跳转处](#idname) 跳转。

2.7 缩进

  缩进使用html的语法 &emsp;表示缩进一个中文字符， &ensp;表示缩进一个英文字符。

2.8 脚注

  cmd markdown 与csdn markdown 支持脚注，脚注语法: 内容[^id] ，然后在任意行首使用 [^id]:脚注内容。

2.9 下划线与标记

  youdao markdown csdn markdown 支持 ++文本++表示下划线 ，用 ==文本==来做颜色标记。

2.10 字体、颜色、大小

  用 <font face="字体名" size=大小 color=颜色>文本内容</font>来设置字体、颜色、大小。

2.11 标签

  cmdmarkdown 支持标签分类，在新行使用 tags：标签1 标签2...或 TAGS：标签名 标签2...，可以给文章贴上标签。

2.12 上标和下标

  cmd markdown 、github markdown 、csdn markdown 支持上标： <sub>上标</sub>和下标 <sup>下标</sup>。显示如：上标和下标

2.13 序列图

  cmd和csdn markdown 支持序列图。

  • 定义序列图:```mermaid! [ENTER] sequenceDiagram
  • 定义标题： title: 标题
  • 定义对象（可以省略）： participant 对象 [as 别名]
  • 定义注释： note [left of|right of|over] 对象：注释
    • left of, 表示当前对象的左侧
    • right of, 表示当前对象的右侧
    • over, 表示覆盖在当前对象（们）的上面
  • 定义动作： 对象1 箭头 对象2:内容
    • -> 不带箭头的实线
    • --> 不带箭头的虚线
    • ->> 带箭头的实线
    • -->> 带箭头的虚线
    • -x 带x带箭头实线 (异步)
    • --x 带x带箭头虚线(异步)
  • 激活/不激活：
    • 第一种： activate|deactivate 对象
    • 第二种：定义动作时在对象2之前加 +表示激活，加 -表示不激活
  • 循环：
shell    4行
  1. 1loop Loop-text 
  2. 2... statements ... 
  3. 3end 
  • 替代路径alt或opt：
shell    12行
  1. 1 # 如果有两条替代路径 
  2. 2alt Describing text 
  3. 3... statements ... 
  4. 4else Describing text 
  5. 5... statements ... 
  6. 6end 
  7. 7  
  8. 8 # 如果只有一条替代路径 
  9. 9opt Describing text 
  10. 10... statements ... 
  11. 11end 
  • 示例
    49行
  1. 1```mermaid! 
  2. 2sequenceDiagram 
  3. 3title: 序列图sequence(示例) 
  4. 4participant A 
  5. 5participant B 
  6. 6participant C 
  7. 7participant D as test 
  8. 8 
  9. 9note left of A: A左侧说明 
  10. 10note over B,C: 覆盖B,C的说明 
  11. 11note right of C: C右侧说明 
  12. 12 
  13. 13A->A:自己到自己 
  14. 14A->B:实线不带箭头 
  15. 15A-->B:虚线不带箭头 
  16. 16A->>B:实线带箭头 
  17. 17A-->>B:虚线带箭头 
  18. 18A-xB:带x带箭头实线（异步） 
  19. 19A--xB:带x带箭头虚线（异步） 
  20. 20C->D:激活 
  21. 21activate C 
  22. 22C->D:不激活 
  23. 23deactivate C 
  24. 24 
  25. 25C->+D:激活 
  26. 26C->+D:激活 
  27. 27C->-D:不激活 
  28. 28C->-D:不激活 
  29. 29 
  30. 30loop 循环 
  31. 31B->C:测试循环 
  32. 32B->>C:测试循环 
  33. 33B-->C:测试循环 
  34. 34B-->>C:测试循环 
  35. 35end 
  36. 36A->>D:首选路径 
  37. 37alt 替代路径1 
  38. 38A->>C:  
  39. 39C->>D:  
  40. 40else 替代路径2 
  41. 41A->>B:  
  42. 42B->>D:  
  43. 43end 
  44. 44A-->>C: 首选路径 
  45. 45opt 一种替代路径 
  46. 46A-->>B:  
  47. 47B-->>D:  
  48. 48end 
A B C test A左侧说明 覆盖B,C的说明 C右侧说明 自己到自己 实线不带箭头 虚线不带箭头 实线带箭头 虚线带箭头 带x带箭头实线（异步） 带x带箭头虚线（异步） 激活 不激活 激活 激活 不激活 不激活 测试循环 测试循环 测试循环 测试循环 loop [ 循环 ] 首选路径 alt [ 替代路径1 ] [ 替代路径2 ] 首选路径 opt [ 一种替代路径 ] A B C test 序列图sequence(示例)

2.14 流程图

  cmd markdown 、github markdown 、csdn markdown支持流程图语法：http://flowchart.js.org/

2.14.1 flow

  • 定义流程图：````flow`

  • 定义元素： tag=>type: text_content:>url

    • tag就是一个标签，在第二段连接元素时用type是这个标签的类型
    • type是流程图的基本类型
      • start
      • end
      • operation
      • subroutine
      • condition
      • inputoutput

  • 连接元素： tag1(方向)->tag2(方向)->tag3....

    • 使用 -> 来连接两个元素
    • right,left：表示箭头在当前模块上的起点(默认箭头从下端开始)
    • 对于condition类型，有yes和no两个分支，如示例中的cond(yes)和cond(no)

  • 示例

    15行
  1. 1```flow 
  2. 2st=>start: START:>www.baidu.com 
  3. 3e=>end: END 
  4. 4in=>inputoutput: input 
  5. 5out=>inputoutput: output 
  6. 6op=>operation: My Operation 
  7. 7sub=>subroutine: My subroute 
  8. 8cond=>condition: Yes or No? 
  9. 9io=>inputoutput: catch something 
  10. 10 
  11. 11st->in->op->cond 
  12. 12cond(yes)->out->e 
  13. 13cond(no)->sub 
  14. 14sub(right)->op 
Created with Raphaël 2.1.2 START input My Operation Yes or No? output END My subroute yes no

2.14.2 graph

  • 定义流程图： ````mermaid! [ENTER] graph [方向]`，方向:

  • TD或TB（ top bottom）表示从上到下(缺省)

  • BT（bottom top）表示从下到上

  • RL（right left）表示从右到左

  • LR（left right）表示从左到右

  • 定义节点： node[text1]

    • 默认节点： A
    • 矩形节点： B[bname]
    • 圆角矩形节点： C(cname)
    • 圆形节点： D((dname))
    • 非对称节点： E>ename]
    • 菱形节点： F{fname}

  • 连接

    • A-->B 实线带箭头
    • A---B 实线不带箭头
    • A--text-->B或A-->|text|B 实线带箭头带标签
    • A--text---B或A---|text|B 实线不带箭头带标签
    • A-.->B 虚线带箭头
    • A-.-B 虚线不带箭头
    • A-.text.->B或A-.->|text|B 虚线带箭头带标签
    • A-.text.-B或A-.-|text|B 虚线不带箭头带标签

  • 定义子流程图

    4行
  1. 1subgraph title 
  2. 2 graph definition 
  3. 3end 

  • 定义交互

    • js回调： click node callback "js函数名"
    • 打开连接： click node "URL" "注释"

  • 示例

    24行
  1. 1```graph 
  2. 2A 
  3. 3B[矩形] 
  4. 4C(圆角矩形) 
  5. 5D{菱形} 
  6. 6E((圆形)) 
  7. 7F>非对称] 
  8. 8 
  9. 9A-->B  
  10. 10A---B  
  11. 11A--text-->B 
  12. 12A-->|text|B  
  13. 13C--text---D 
  14. 14C---|text|D  
  15. 15C-.->D 
  16. 16C-.-D 
  17. 17E-.text.->F 
  18. 18E-.->|text|F  
  19. 19E-.text.-F 
  20. 20E-.-|text|F 
  21. 21 
  22. 22G-->H 
  23. 23click H "http://www.baidu.com" "This is a link" 
text
text
text
text
text
text
text
text
A
矩形
圆角矩形
菱形
圆形
非对称
G
H

2.15 甘特图

  • 定义甘特图： ````mermaid! [ENTER} gantt
  • 定义时间格式： dateFormat 时间格式
格式字符 举列 描述
YYYY 2014 4位数字的年
YY 14 2位数字的年
Y -25 Year with any number of digits and sign
Q 1,2,3,4 季度
M 或 MM 1..12 数字月份
MMM 或 MMMM Jan..December 英文名月份
D DD 1..31
Do 1st..31st 一月的第几天
DDD 或 DDDD 1..365 一年的第几天
X 1410715640.579 Unix 时间戳，单位为秒
x 1410715640579 Unix 时间戳，单位为毫秒
gggg 2014 当地的4位数字的年
gg 14 当地的2位数字的年
w 或 ww 1..53 一年的第几周
e 0..6 一周的星期几（数字）
ddd 或 dddd Mon...Sunday 一周的星期几（英文）
GGGG 2014 ISO 4位数字的年
GG 14 ISO 2位数字的年
W 或 WW 1..53 ISO 一年的第几周
E 1..7 ISO 一周的星期几（数字）
H 或 HH 0..23 24小时制的小时（0-23）
h 或 hh 1..12 12小时制的小时（）
k 或 kk 1..24 24小时制的小时，（1-24）
a 或 A am pm 上午或下午
m 或 mm 0..59 分
s 或 ss 0..59 秒
S 或 SS 或 SSS 0..999 小数秒
Z 或 ZZ +12:00 与 UTC 的偏移量，如 +-HH:mm, +-HHmm, or Z
  • 定义部门： section section_name
  • 定义任务： taskname :[crit][,active|done][,task_id][,start_time][,end_time]
    • done ：已完成
    • active ：未完成
    • crit：重要的，高亮显示
    • id：唯一标识任务
    • start：开始时间
      • 缺省：前一个任务的结束时间
      • 绝对时间：任务开始时间
      • 相对时间：after task_id 表示某任务的结束时间
    • end：结束时间
      • 绝对时间：该任务的截止时间
      • 持续时间：该任务需要多久完成
    16行
  1. 1```gantt 
  2. 2 dateFormat YYYY-MM-DD 
  3. 3 title 项目开发流程 
  4. 4 section 项目确定 
  5. 5 需求分析 :done,a1, 2016-06-22, 3d 
  6. 6 可行性报告 :after a1, 5d 
  7. 7 概念验证 :5d 
  8. 8 section 项目实施 
  9. 9 概要设计 :2016-07-05, 5d 
  10. 10 详细设计 :2016-07-08, 10d 
  11. 11 编码 :2016-07-15, 10d 
  12. 12 测试 :2016-07-22, 5d 
  13. 13 section 发布验收 
  14. 14 发布: 2d 
  15. 15 验收: 3d 
2016-06-26 2016-07-03 2016-07-10 2016-07-17 2016-07-24 2016-07-31 需求分析 可行性报告 概念验证 概要设计 详细设计 编码 测试 发布 验收 项目确定 项目实施 发布验收 项目开发流程

2.16 html表格

  • <table>...</table> 定义表格

  • <caption>...</caption>定义表格标题

  • <tr>...</tr>定义行

  • <th>...</th>定义表头单元格

  • <td>...</td>定义单元格

  • 表格属性：align和valign定义对齐方式
    * left
    * right
    * center

    • 单元格属性
      • colspan定义跨列
      • bgcolor定义背景色
      • background定义背景图
      • rowspan定义跨行
      • align和valign定义对齐方式
      • left
      • right
      • center

  • 示例

html    24行
  1. 1 < table> 
  2. 2 < caption>跨行和跨列，带背景色，和表格表格 </ caption>  
  3. 3 < tr> 
  4. 4 < td>&emsp; </ td> 
  5. 5 < th colspan= '2'> < font color= "red">跨2列 </ font> </ th> 
  6. 6 < th> < font color= "red">第3列 </ font> </ th> 
  7. 7 </ tr> 
  8. 8 < th rowspan= '2'> < font color= "blue">跨2行 </ font> </ th> 
  9. 9 < td bgcolor= "red">1 </ td> 
  10. 10 < td align= "center">2 </ td> 
  11. 11 < td align= "right">3 </ td> 
  12. 12 < tr> 
  13. 13 < td bgcolor= "red" >1 </ td> 
  14. 14 < td align= "center">2 </ td> 
  15. 15 < td align= "right">3 </ td> 
  16. 16 </ tr> 
  17. 17 < tr> 
  18. 18 < th> < font color= "blue">第3行 </ font> </ th> 
  19. 19 < td bgcolor= "red">1 </ td> 
  20. 20 < td align= "center">2 </ td> 
  21. 21 < td align= "right">3 </ td> 
  22. 22 </ tr> 
  23. 23 </ table> 

显示如下：

跨行和跨列，带背景色，和表格表格
  跨2列 第3列
跨2行 1 2 3
1 2 3
第3行 1 2 3

版权声明 ：本文章参考了 《cmdmarkdown 官方教程》。 未经作者允许， 严禁用于商业出版，否则追究法律责任。网络转载请注明出处，这是对原创者的起码的尊重！！！

标签
Markdown
Cmd Markdown
易学教程内所有资源均来自网络或用户发布的内容，如有违反法律规定的内容欢迎反馈！
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!