Markdown基本使用

这是一级标题(#开头)

这是二级标题(##开头)

这是三级标题(###开头)

这是四级标题(####开头)

这是五级标题(#####开头)
这是六级标题(######开头)

加粗

要加粗的文字左右分别用两个 ** 号包起来

倾斜

要倾斜的文字左右分别用一个 * 号包起来

加粗&倾斜

要倾斜和加粗的文字左右分别用三个 *** 号包起来

删除线

要加删除线的文字左右分别用两个 ~~ 号包起来

引用

在引用的文字前加>即可。

引用也可以嵌套,如加两个>>

三个>>>

分割线


三个或者三个以上的 - 或者 * 都可以


图片

![图片alt](图片地址 "图片title")


图片alt

图片alt : 显示在图片下面的文字
图片title : 图片的标题(tips)

超链接

[超链接名](超链接地址 "超链接title")

Wikipedia

列表

  • 无序列表
    用 - + * 任何一种都可以

    +
    +

  • 有序列表

    1. 数字加点
    2. 序号跟内容之间要有空格

    1.
    2.

  • 列表嵌套
    上一级和下一级之间敲三个空格即可

换行

两个空格后回车

表格

表头|表头|表头
---|:--:|---:
内容|内容|内容
内容|内容|内容

第二行分割表头和内容。
- 有一个就行,为了对齐,多加了几个
- 文字默认居左
- 两边加:表示文字居中
- 右边加:表示文字居右
注:原生的语法两边都要用 | 包起来。此处省略

姓名 技能 排行
刘备 大哥
关羽 二哥
张飞 三弟

代码

  • 单行代码
    `单行代码内容`
    arr=(1 2 3);idx=0;if [ 1 -lt 2 ]; then for item in ${arr[@]}; do echo $item+$idx; let idx++; done; fi;
  • 多行代码
    ```
    代码...
    代码...
    代码...
    ```
    arr=(1 2 3)
    idx=0
    if [1 -lt 2] then
        for item in ${arr[@]}
        do
            echo $item+$idx
        done
    fi
    

流程图

使用mermaid插件画流程图
将添加<script src="https://unpkg.com/mermaid@8.4.8/dist/mermaid.min.js"></script>添加到Markdown Preview user settings中

Graph

关键字graph表示一个流程图的开始,同时需要指定该图的方向。例如

graph LR
​ A –> B

表示如下一个从左到右的图。
流程图的定义仅由graph开始,但是方向的定义不止一种。

  • TB( top bottom)表示从上到下
  • BT(bottom top)表示从下到上
  • RL(right left)表示从右到左
  • LR(left right)表示从左到右
  • TD与TB一样表示从上到下

节点

有以下几种节点和形状:

  • 默认节点 A
  • 文本节点 B[bname]
  • 圆角节点 C(cname)
  • 圆形节点 D((dname))
  • 非对称节点 E>ename]
  • 菱形节点 F{fname}
    以上大写字母表示节点,name表示它的名字。默认节点的A同时表示该节点和它的名字,例如上图的A和B。

连线

节点间的连接线有多种形状,而且可以在连接线中加入标签:

  • 箭头连接 A1–>B1
  • 开放连接 A2—B2
  • 标签连接 A3–text—B3 或者 A3—|text|B3
  • 箭头标签连接 A4–text –>B4 或者 A4–>|text|B4
  • 虚线开放连接 A5.-B5 或者 A5-.-B5 或者 A5..-B5
  • 虚线箭头连接 A6.->B6 或者 A6-.->B6
  • 标签虚线连接 A7-.text.-B7
  • 标签虚线箭头连接 A8-.text.->B8
  • 粗线开放连接 A9===B9
  • 粗线箭头连接 A10==>B10
  • 标签粗线开放连接 A11==text===B11
  • 标签粗线箭头连接 A12==text==>B12

例子

graph TB
    st(开始)-->op[操作]
    op-->oc{是或者不是}
    co--no-->no((子程序))
    sub-->op
    co--yes-->out[输出]
    out-->en(结束)
image.png

参考文档:https://mermaid-js.github.io/mermaid/#/flowchart?id=thick-link

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 199,440评论 5 467
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 83,814评论 2 376
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 146,427评论 0 330
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 53,710评论 1 270
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 62,625评论 5 359
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,014评论 1 275
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 37,511评论 3 390
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,162评论 0 254
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 40,311评论 1 294
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,262评论 2 317
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,278评论 1 328
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 32,989评论 3 316
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 38,583评论 3 303
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,664评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 30,904评论 1 255
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 42,274评论 2 345
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 41,856评论 2 339

推荐阅读更多精彩内容

  • 1、标题 一级标题 二级标题 三级标题 四级标题 五级标题 六级标题 2、文字 加粗1 加粗2 斜体1 斜体2 加...
    Mr_Wendao阅读 335评论 0 0
  • 一、标题 标题分为六级 一级标题 二级标题 三级标题 四级标题 五级标题 六级标题 二、引用 引用内容 三、区块代...
    Hengry阅读 224评论 0 1
  • 标题演示: (#):一级标题 (##):二级标题 (###):三级标题 (####):四级标题 (#####):五...
    Nzkalhbxx阅读 354评论 0 0
  • 为了方便后面写文章,先大致学一下Markdown的语法。 1.标题 Markdown支持6种级别的标题写法 效果 ...
    hotdl阅读 430评论 0 0
  • 1在Markdown当中设置标题,有两种方式: 第一种:通过在文字下方添加“=”和“-”,他们分别表示一级标题和二...
    SAHIELD阅读 356评论 0 0