MarkDown使用笔记

264 阅读2分钟

1、基础部分

  • 分级标题

分级标题示例

一级标题

二级标题

三级标题

四级标题
五级标题
六级标题
源码:
# 一级标题
## 二级标题
### 三级标题
#### 四级标题
##### 五级标题
###### 六级标题

  • 表格

*表格*示例

右对齐左对齐居中默认左对齐
1行1列1行2列1行3列1行4列
2行1列2行2列2行3列2行4列
源码:其中第一行为表头,第二行为对齐方式

| 右对齐 | 左对齐 | 居中 | 默认左对齐 |
| -: | :- | :-: | - |
| 1行1列 | 12列 | 1行3列 | 14列 |
| 21列 | 2行2列 | 23列 | 2行4列 |

  • 其他常用功能
效果源代码效果快捷键(Mac)
粗体**内容**粗体效果CMD+B
斜体*内容*斜体效果CMD+I(i)
删除线~~内容~~删除线效果/
下划线<u>下划线</u>下划线效果/
分割线***需要独一行/
引用>+空格需要独一行/
代码块两个```之间首个反引号后可加语言比如:pythonCMD+Shift+P
有序编号1.+空格需要单独一行,换行+Tab新起子编号列表CMD+Shift+O
无序编号*+-+空格有序编号CMD+Shift+U
上标<sup>上标内容</sup>y=x2/
下标<sub>下标内容</sub>H2O/
网址[网址描述](网址链接)百度/
网图![网图描述](网图链接)网图示例太大在后面示例中展示/
本地图片![图片描述](图片地址)图片地址可以是相对地址/

分割线示例


 源码:
    ***

有序编号示例

  1. 有序
    1. 子编号
      1. 子编号
  2. 子编号

无序编号示例

  • 无序编号
    • 无序子编号
  • 无序子编号

代码块示例

#!/bin/bash
echo "hell shell"

待办事项示例

  • 热身
  • 五公里
  • 拉伸
源码:
* [x] 热身
* [ ] 五公里
* [ ] 拉伸

网图示例 awk工作原理

源码:
![awk工作原理](https://p6-xtjj-sign.byteimg.com/tos-cn-i-73owjymdk6/e7ecec7cab884af98dd88256961d0b2d~tplv-73owjymdk6-jj-mark-v1:0:0:0:0:5o6Y6YeR5oqA5pyv56S-5Yy6IEAgZXJpY3pob3UyMDA4:q75.awebp?rk3s=f64ab15b&x-expires=1771682653&x-signature=0FH%2FdwY58szuIUdmjUD3KtoHsqU%3D)

本地图片示例 本地图片描述转存失败,建议直接上传图片文件

源码:
![本地图片描述转存失败,建议直接上传图片文件](<转存失败,建议直接上传图片文件 图片路径:支持相对路径和全路径>)

  • 字体颜色

*字体颜色*示例

  1. 红色文字
  2. 红色文字
  3. 红色文字\color{red}{红色文字}
  4. 橙色文字\color{#FFA500}{橙色文字}
  5. 浅橙红色底橙红色字体
源码:
1. <font color=red >红色文字</font>
2. <font color='#FF0000'>红色文字</font>
3. $\color{red}{红色文字}$
4. $\color{#FFA500}{橙色文字}$
5. `浅橙红色底橙红色字体`

注意:
Markdown应用:1~5显示正常
印象笔记:仅5正常显示
掘金:3~5正常显示


2、进阶部分

  • 插入图表

印象笔记中的复杂饼图在掘金不支持,如下简单饼图两者都支持

pie title Pets adopted by volunteers
"Dogs" : 386
"Cats" : 85
"Rats" : 15
  • 插入数学公式

  • 插入流程图

graph TD
A[模块A] -->|A1| B(模块B)
B --> C{判断条件C}
C -->|条件C1| D[模块D]
C -->|条件C2| E[模块E]
C -->|条件C3| F[模块F]
  • 插入时序图
sequenceDiagram
A->>B: 是否已收到消息?
B-->>A: 已收到消息
  • 插入甘特图
gantt
title 甘特图
dateFormat YYYY-MM-DD
section 项目A
任务1 :a1, 2018-06-06, 30d
任务2 :after a1 , 20d
section 项目B
任务3 :2018-06-12 , 12d
任务4 : 24d

mermaid官网

Mermaid中文使用说明