ICode9

精准搜索请尝试: 精确搜索
首页 > 其他分享> 文章详细

Markdown 语法入门

2022-09-16 13:02:48  阅读:309  来源: 互联网

标签:文字 Markdown 入门 示例 标题 语法 内容 列表 节点


一、标题

在想要设置为标题的文字前面加#来表示
一个#是一级标题,二个#是二级标题,以此类推。支持六级标题。

注:标准语法一般在#后跟个空格再写文字,貌似简书不加空格也行。

示例:

# 这是一级标题
## 这是二级标题
### 这是三级标题
#### 这是四级标题
##### 这是五级标题
###### 这是六级标题

效果如下:

这是一级标题

这是二级标题

这是三级标题

这是四级标题

这是五级标题
这是六级标题

二、字体

  • 加粗

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

  • 斜体

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

  • 斜体加粗

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

  • 删除线

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

示例:

**这是加粗的文字**
*这是倾斜的文字*
***这是斜体加粗的文字***
~~这是加删除线的文字~~

效果如下:

这是加粗的文字
这是倾斜的文字
这是斜体加粗的文字
这是加删除线的文字

三、引用

在引用的文字前加>即可。引用也可以嵌套,如加两个>>三个>>>
n个...

示例:

>这是引用的内容
>>这是引用的内容
>>>>>>>>>>这是引用的内容

效果如下:

这是引用的内容

这是引用的内容

这是引用的内容

四、分割线

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

示例:

---
----
***
*****

效果如下:
可以看到,显示效果是一样的。





五、图片

语法:

![图片alt](图片地址 ''图片title'')
图片alt就是显示在图片下面的文字,相当于对图片内容的解释。
图片title是图片的标题,当鼠标移到图片上时显示的内容。title可加可不加

示例:

![blockchain](https://ss0.bdstatic.com/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/
u=702257389,1274025419&fm=27&gp=0.jpg "区块链")

效果如下:

img

六、超链接

语法:

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

示例:

[简书](http://jianshu.com)
[百度](http://baidu.com)

效果如下:

简书
百度

注:Markdown本身语法不支持链接在新页面中打开,如果想要在新页面中打开的话可以用html语言的a标签代替。

<a href="超链接地址" target="_blank">超链接名</a>

示例
<a href="https://www.jianshu.com/u/1f5ac0cf6a8b" target="_blank">简书</a>

七、列表

无序列表

语法:
无序列表用 - + * 任何一种都可以

- 列表内容
+ 列表内容
* 列表内容

注意:- + * 跟内容之间都要有一个空格

效果如下:

  • 列表内容
  • 列表内容
  • 列表内容

有序列表

语法:
数字加点

1. 列表内容
2. 列表内容
3. 列表内容

注意:序号跟内容之间要有空格

效果如下:

  1. 列表内容
  2. 列表内容
  3. 列表内容

八、表格

语法:

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

第二行分割表头和内容。
- 有一个就行,为了对齐,多加了几个
文字默认居左
-两边加:表示文字居中
-左边加:表示文字居左
-右边加:表示文字居右

注:原生的语法两边都要用 | 包起来。此处省略

示例:

姓名|技能|排行
--|:--:|--:
刘备|哭|大哥
关羽|打|二哥
张飞|骂|三弟

效果如下:

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

九、代码

语法:
单行代码:代码之间分别用一个反引号包起来

    `代码内容`

代码块:代码之间分别用三个反引号包起来,且两边的反引号单独占一行

    (```)
      代码...
      代码...
      代码...
    (```)

注:为了防止转译,前后三个反引号处加了小括号,实际是没有的。这里只是用来演示,实际中去掉两边小括号即可。

示例:

单行代码

	`create database hero;`

代码块

    (```)
        function fun(){
             echo "这是一句非常牛逼的代码";
        }
        fun();
    (```)

效果如下:

单行代码

create database hero;

代码块

function fun(){
  echo "这是一句非常牛逼的代码";
}
fun();

十、流程图

Mermaid 流程图

graph TB A[Apple]-->B{Boy} A---C(Cat) B.->D((Dog)) C==喵==>D style A fill:#2ff,fill-opacity:0.1,stroke:#faa,stroke-width:4px style D stroke:#000,stroke-width:8px;

语法结构

```mermaid
graph 方向
节点以及节点连线(定义和连线步骤可以分开)
(样式调整)
```

显示方向

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

节点类型

节点本身的展现形式,是通过不同括号来代表各自不同的形状,默认为矩形。

  • 默认节点: A
  • 矩形节点: B[矩形]
  • 圆角矩形节点: C(圆角矩形)
  • 圆形节点: D((圆形))
  • 非对称节点: E>非对称]
  • 菱形节点: F{菱形}

A矩形圆角矩形圆形非对称菱形

graph TD A B[矩形] C(圆角矩形) D((圆形)) D E>非对称] F{菱形}

语法详解
节点连线
   线条本身的形式有多种,通过常规的英文格式的格式来标识,具体如下:

  • 箭头连接 A1- ->B1
  • 开放连接 A2- - -B2
  • 虚线箭头连接 A3.->B3 或者 A3-.->B3
  • 虚线连接 A4.-B4 或者 A4-.-B4
  • 粗线箭头连接 A5==>B5
  • 粗线开放连接 A6===B6
  • 标签虚线箭头连接 A7-.text.->B7
  • 标签开放连接 A8- -text- - -B8
graph TD A1-->B1 A2---B2 A3.->B3 A4-.-B4 A5==>B5 A6===B6 A7-.text.-B7 A8--text---B8

Flowchart 流程图

st=>start: 开始
e=>end: 结束
op1=>operation: 操作1 | past
op2=>operation: 操作2 | current
op3=>operation: 操作3 | future
pa=>parallel: 多输出操作4 | approved
cond=>condition: 确认? | rejected

st->op1->cond
cond(true)->e	
cond(no)->op2(right)->op3->pa(path1,right)->op1
pa(path2,left) ->e
st@>op1({"stroke":"Blue"})@>cond({"stroke":"Green"})@>e({"stroke":"Red","stroke-width":6,"arrow-end":"classic-wide-long"})

语法结构

	```flow
	定义节点
	连接节点
	(样式调整)

**节点类型**

  目前官网提供7种节点,其实还有很多别的节点类型,但可能插件脚本还没支持。

* 开始(椭圆形):start
* 结束(椭圆形):end
* 操作(矩形):operation
* 多输出操作(矩形):parallel
* 条件判断(菱形):condition
* 输入输出(平行四边形):inputoutput

- 预处理/子程序(圣旨形):subroutine



**语法详解**

节点定义
变量名=>节点标识: 节点显示名



**节点连线**

变量名1->变量名2->...->变量名n



**连线样式**

  设置变量m和变量n之间连线的样式,具体样式由变量n后面key-value控制,需要两个变量之间有直接连线。语法中的连接符为(@>)。

变量名m@>变量名n({"key":"value"})



**关键字**

* yes/true:condition类型变量连接时,用于分别表示yes条件的流向

* no/false:同上,表示否定条件的流向

* left/right:表示连线出口在节点位置(默认下面是出口,如op3),可以跟condition变量一起用

* cond(yes,right)

* path1/path2/path3:parallel变量的三个出口路径(默认下面是出口)

  

**节点状态**

  为节点设置不同的状态,可以通过不同的颜色显示,其中状态包括下面6个,含义如英文所示,不过CSDN中好像目前还不支持:

* past
* current
* future
* approved
* rejected
* invalid

标签:文字,Markdown,入门,示例,标题,语法,内容,列表,节点
来源: https://www.cnblogs.com/valten/p/16699472.html

本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享;
2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关;
3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关;
4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除;
5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

专注分享技术,共同学习,共同进步。侵权联系[81616952@qq.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有