MD语法高级

598 阅读2分钟

最近用 md语法写文章的时候,记录一些不是很常用的 MD 语法
刚好看到一篇文章,特此记录 参考来源

1. 任务列表

  • todo
  • 实现
     - [ ] todo
     - [x] 实现

2. 特殊符号转义

在文档中使用特殊字符

   如果不使用转义字符,以下算式将不能按预期输出  
   2*3*4=24  
   以上算式的正确写法为:  
   2\*3\*4=24

3. 注释

  1. 因为md 是基于 html的,所以可以使用 html的注释方法
<!-- 这是一段被注释掉的文字 -->
  1. md 自身的语法

这是一段没有被注释的文字

4. 表格

Markdown 表格由 「竖线 |」、「减号 -」、「冒号 :」三种符号组成。

  • 竖线 用来定义列,每两个竖线之间为一个单元格元素;
  • 减号 用来定义分割线,也就是分割表头和数据体;
  • 冒号 配合减号使用,用于定义列数据的对齐属性。

表格内容的对齐

左对齐居中对齐右对齐
1张三17岁
2**李四18岁
3王五19岁

5.流程图

Markdown 的原生语法不支持绘制图形,但通过 Mermaid 扩展,我们可以将一些格式化的文字渲染成我们需要的图形。常用的图形有 “流程图”、“时序图”、“类图”、“状态图”、“甘特图”、"饼图" 等。

graph TB 
a[开始] --> b(结束) -- 带文字 --- c((圆形)) -.带链接线.-> d{菱形} --> e{{六角菱形}} --> 右倾平行四边形[/平行四边形--右倾/] --> 梯形[/梯形--正向\]

1. 方向

graph TB 是纵向 Top To Bottom
graph LR 是纵向 left To Right

TB BT LR RL

2. 形状

1. 矩形
 graph TB
    a[开始]
2. 圆角矩形
 a(开始)
3. 圆形
    c((圆形))  // 两个 括号
4. 菱形节点
    d{菱形}
5.六角形节点
    e{{六角菱形}}
6. 平行四边形
    右倾平行四边形[/平行四边形--右倾/]
    左倾平行四边形[\平行四边形--左倾\]
7. 梯形节点
    梯形[/梯形--正向\]
    反向梯形[\梯形--反向/]

3. 链接线

1.基本连接线

 -->
  1. 无向线段连接线。带文字 (右边至少3个)
    A --- B -- 带文字连接线 --- C
  1. 点状连接线
    A -.- B -. 带文字连接线 .-> C
graph LR
  执行1[i = 1]
  执行2[j = 0]
  执行3[i ++]
  执行4["a = arr[j], b = arr[j + 1]"]
  执行5[交换 a, b]
  执行6[j ++]
	判断1["i < n"]
	判断2["j < n - i"]
  判断3["a > b"]
  开始 --> 执行1
  执行1 --> 判断1
  判断1 --Y--> 执行2
  执行2 --> 判断2
  判断2 --Y--> 执行4
  判断2 --N--> 执行3
  执行3 --> 判断1
  执行4 --> 判断3
  判断3 --N--> 判断2
  判断3 --Y--> 执行5
  执行5 --> 执行6
  执行6 --> 判断2
  判断1 --N--> 结束

4.饼图

pie title 宠物的选择
"狗" : 386
"猫" : 85
"兔子" : 15

5. 换行

 1. 可以使用 p 标签包裹
 2. 使用 br 换行
 3. 在 行尾 加上 两个 空格
 

6. 分割线

 ***
 ---
 

7. 超链接的细节

当一个超链接在文章中反复出现时,可以使用全局声明的形式,减少文章编写的工作量。

天坛公园,是明清两代皇帝每年祭天和祈祷五谷丰收的地方。天坛以严谨的建筑布局、奇特的建筑构造和瑰丽的建筑装饰著称于世。

设置 url 和 title

点击下面的连接将跳转到慕课网首页


图片的多次引用

note:以后要更好的使用 md 的语法来让自己的 文档更加的清晰移动 time:2022/7/3:19:00