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

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

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

友情链接更多精彩内容