锐单电子商城 , 一站式电子元器件采购平台!
  • 电话:400-990-0325

MarkDown基本使用教程

时间:2023-06-22 10:37:00 200mm矩形连接器

MarkDown基础

标题

# 标题名称(井号数代表标题级数) 

一级标题使用1#

二级标题使用2#

三级标题使用3#

4级标题使用#

五级标题使用5#
六级标题使用6#

######################################################################################################################################################################################################################################################################################################################################################################################################################################################################################################################################################################################################################## 最多支持六级标题#

文字

删除线

这就是 ~~删除线~~ (使用波浪号) 

这就是 删除线 (使用波浪号)

斜体

这是用来 *斜体* 的 _文本_ 

这是用来 斜体文本

加粗

这是用来 **加粗** 的 __文本__ 

这是用来 加粗文本

斜体 加粗

这是用来 ***斜体 加粗*** 的 ___文本___ 

这是用来 斜体 加粗文本

下划线

下划线是HTML语法

下划线 下划线(快捷键command u,视频中所有的快捷键都是针对视频的Mac系统,其他系统可自行搜索)

高亮(需要勾选扩展语法)

这是用来 ==斜体 加粗== 的文本 

这是用来 斜体 加粗 的文本

下标(需要勾选扩展语法)

水 H~2~O  双氧水 H~2~O~2~  

水 H2O

双氧水 H2O2

上标(需要勾选扩展语法)

面积 m^2^  体积 m^3^ 

面积 m2
体积 m3

表情符号

Emoji 支持表达符号,可以默认使用系统 Emoji 符号( Windows 用户不一定支持,自己试试~)。 也可以用图片的表情输入 : 智能提示将出现。

一些表情例子

:smile: :laughing: :dizzy_face: :sob: :cold_sweat: :sweat_smile:  :cry: :triumph: :heart_eyes: :relaxed: :sunglasses: :weary:  : 1: :-1: :100: :clap: :bell: :gift: :question: :bomb: :heart: :coffee: :cyclone: :bow: :kiss: :pray: :sweat_drops: :hankey: :exclamation: :anger:  

?? ?? ?? ?? ?? ?? ?? ?? ?? ?? ?? ?? ?? ?? ?? ?? ?? ?? ? ?? ?? ?? ?? ?? ?? ?? ?? ?? ?? ??

( Mac: control command space点选)

表格

使用 | 用于分隔不同的单元格,使用 - 分隔表头和其它行:

name | price --- | --- fried chicken | 19 cola|5 

为了使 Markdown 更清晰,|- 两侧至少需要一个空间(最左边和最右边) | 不需要外面)。

name price
fried chicken 19
cola 5

为了美观,不同行的单元格可以用空格对齐,左右两侧都可以用 | 将单元格边界标记在表头下方的分隔线标记中 :,标记下单元格内容的对齐方法:

|    name       | price | | :------------ | :---: | | fried chicken | 19    | | cola          |  32   | 
name price
fried chicken 19
cola 32

使用快捷键command opt T更方便(段落→表格→插入表格,查看快捷键)

引用

>后悔创业 

后悔创业

>也可以在引用中 >>引用嵌套 

也可引用

引用嵌套

列表

无序列表–符号 空格

* 可以使用 `*` 作为标记   也可以使用 ` ` - 或者 `-` 
  • 可以使用 * 作为标记
  • 也可以使用
  • 或者 -

有序列表–数字 . 空格

1. 数字和有序列表 `.` 开始; 3. 数字序列不会影响生成的列表序列; 4. 但仍推荐按自然顺序(1).2.3...)编写。 
  1. 数字和有序列表 . 开始;

  2. 数字序列不会影响生成的列表序列;

  3. 但仍推荐按自然顺序(1).2.3…)编写。/p>

    可以使用:数字\. 来取消显示为列表(用反斜杠进行转义)
    

代码

代码块

```语言名称
 public static void main(String[] args) { 
        
    }

行内代码

也可以通过 ``,插入行内代码(` 是 `Tab` 键上边、数字 `1` 键左侧的那个按键):

例如 `Markdown`

Markdown

转换规则

代码块中的文本(包括 Markdown 语法)都会显示为原始内容

分隔线

可以在一行中使用三个或更多的 *-_ 来添加分隔线(``):

***
------
___



跳转

外部跳转–超链接

格式为 [link text](link)

[帮助文档](https://support.typora.io/Links/#faq)

帮助文档

内部跳转–本文件内跳(Typora支持)

格式为 [link text](#要去的目的地--标题)

[我想跳转](#饼图(Pie))

Open Links in Typora

You can use command+click (macOS), or ctrl+click (Linux/Windows) on links in Typora to jump to target headings, or open them in Typora, or open in related apps.

我想跳转

自动链接

使用 <> 包括的 URL 或邮箱地址会被自动转换为超链接:



<123@email.com>

https://www.baidu.com

123@email.com

图片

![自己起的图片名字](图片地址或者图片本地存储的路径)

网上的图片

![friedChicken](https://ss0.bdstatic.com/94oJfD_bAAcT8t7mm9GUKT-xh_/timg?image&quality=100&size=b4000_4000&sec=1580814517&di=2630beac440e5dab0e44c7286a3b2b61&src=http://imgsrc.baidu.com/forum/w=580/sign=12c730c4ff03738dde4a0c2a831ab073/9497794f9258d1091818e6d6d858ccbf6d814d1b.jpg)

炸鸡

本地图片

![friedChicken](friedChicken.jpg)
在同一个文件夹里(用相对路径)
或者直接拷贝

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-70ORI6XO-1645429127552)(friedChicken.jpg)]

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-pLmWNQtp-1645429127553)(…/cola.jpg)]

利用Markdown画图(需勾选扩展语法)

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-tQ96nq54-1645429127553)(image-20200211211500416.png)]

markdown画图也是轻量级的,功能并不全。

Mermaid 是一个用于画流程图、状态图、时序图、甘特图的库,使用 JS 进行本地渲染,广泛集成于许多 Markdown 编辑器中。Mermaid 作为一个使用 JS 渲染的库,生成的不是一个“图片”,而是一段 HTML 代码。

(不同的编辑器渲染的可能不一样)

流程图(graph)

概述

graph 方向描述
    图表中的其他语句...

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

其中“方向描述”为:

用词 含义
TB 从上到下
BT 从下到上
RL 从右到左
LR 从左到右

T = TOP,B = BOTTOM,L = LEFT,R = RIGHT,D = DOWN

最常用的布局方向是TB、LR。

graph TB;
  A-->B
  B-->C
  C-->A
 
A
B
C
graph LR;
  A-->B
  B-->C
  C-->A
A
B
C

流程图常用符号及含义

节点形状
表述 说明 含义
id[文字] 矩形节点 表示过程,也就是整个流程中的一个环节
id(文字) 圆角矩形节点 表示开始和结束
id((文字)) 圆形节点 表示连接。为避免流程过长或有交叉,可将流程切开。成对
id{文字} 菱形节点 表示判断、决策
id>文字] 右向旗帜状节点

单向箭头线段:表示流程进行方向

id即为节点的唯一标识,A~F 是当前节点名字,类似于变量名,画图时便于引用

括号内是节点中要显示的文字,默认节点的名字和显示的文字都为A

graph TB
  A
  B(圆角矩形节点)
  C[矩形节点]
  D((圆形节点))
  E{菱形节点}
  F>右向旗帜状节点] 

相关文章