Markdown语法说明及常用软件推荐(附链接)

Markdown语法同样支持HTML标签
以下所有字符均为英文字符

标题

标题级别由#决定,一个为一级

样例

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

预览

一级标题

二级标题

三级标题

四级标题

五级标题
六级标题

标题下行使用多个=表示一级标题,多个-表示二级标题

样例

一级标题
=========
二级标题
--------

预览
一级标题
=========
二级标题
--------

分割线

分割线用多个-或者*表示

样例

---------
或
*********

预览
***********

字体

在需要变化的字符前后各加一个*或_表示斜体,两个代表粗体,三个代表粗斜体

样例

*斜体*  
**粗体**  
_斜体_  
__粗体__  
***粗斜体***   
___粗斜体___

预览
斜体
粗体
斜体
粗体
粗斜体
粗斜体

在需要变化的两边加两个~表示删除线,使用包裹代表下划线

样例

~~删除线~~  
<u>下划线</u>  

预览
批注 2020-02-02 103035.png

列表

无序列表

无序列表使用*或者-或者+表示

样例:

* 第一项
    * 第一项子项
- 第二项
    - 第二项子项
+ 第三项
    + 第三项子项

预览

  • 第一项
    • 第一项子项
  • 第二项
    • 第二项子项
  • 第三项
    • 第三项子项

有序列表

有序列表使用阿拉伯数字表示,有序列表可以与无序列表嵌套使用

样例

1. 第一项
    1. 第一子项
2. 第二项
    - 第二项子项
3. 第三项
    * 第三项子项
4. 第四项
    + 第四项子项

预览

  1. 第一项
    1. 第一子项
  2. 第二项
    • 第二项子项
  3. 第三项
    • 第三项子项
  4. 第四项
    • 第四项子项

      事件

      ```
  • [ ] 待办事件
  • [x] 完成事件
**预览**
![事件.png][2]

# 区块
> 区块使用>表示,可以与列表嵌套使用

**样例**

区块

父区块

子区块

  • 第一项
  • 第二项

**预览**
> 区块

> 父区块
>> 子区块
>> * 第一项
>> * > 第二项

# 代码引用
## 代码片段
> 代码片段使用`包裹

**样例**

代码片段代码片段

**预览**
`代码片段`代码片段  
## 代码块
> 代码块使用三个`包裹,前三个```后面填写语言

# 链接
> 使用[]包裹显示名称,后面紧跟(),在()中写链接地址

**样例**

连接名称

**预览** 
[连接名称](链接地址)
> 使用<>直接引用链接地址

**样例**

https://xiaoxiablogs.top

**预览**
<https://xiaoxiablogs.top>

> 使用两个[]引用链接,前一个表示显示,后一个为引用链接的变量名,在后面一行使用`[变量名]:链接地址`来指定链接地址

**样例**

连接名称

**预览**
[连接名称][变量名]

[变量名]:链接地址

# 图片引用
> 使用`![图片属性名](图片地址 "可选标题")`表示,也可使用类似于链接地址的变量名表示

**样例**

夏官客栈
夏官客栈
3: http://xiaoxiablogs.top/usr/uploads/2020/02/3449857760.jpg

**预览**
![夏官客栈][4]
![夏官客栈](https://imgconvert.csdnimg.cn/aHR0cDovL3hpYW94aWFibG9ncy50b3AvdXNyL3VwbG9hZHMvMjAyMC8wMi8zNDQ5ODU3NzYwLmpwZw?x-oss-process=image/format,png)

> 可以使用img标签指定同时指定图片大小

# 表格
> 表格使用|分割,表头与单元格之间使用-分割

**样例**
表头1 表头2
单元格 单元格
**预览**
|表头1|表头2|
|-----|-----|
|单元格|单元格|
## 对齐方式
> 在表头和单元格之间使用-:表示右对齐,:-表示左对齐,:-:表示居中对齐

**样例**
右对齐 左对齐 居中对齐

```
预览
|右对齐|左对齐|居中对齐|
|----:|:-----|:----:|
|单|单|单|

转义字符

\转义字符

数学公式

Mqrkdown支持TeX和LaTeX语法
数学公式片段需要包裹在代码片段中,即需要使用`或者```包裹
数学公式片段使用$包裹

样例
\(数学公式\)
\(2^2\)

\mathbf{V}_1 \times \mathbf{V}_2 =  \begin{vmatrix} 
\mathbf{i} & \mathbf{j} & \mathbf{k} \\
\frac{\partial X}{\partial u} &  \frac{\partial Y}{\partial u} & 0 \\
\frac{\partial X}{\partial v} &  \frac{\partial Y}{\partial v} & 0 \\
\end{vmatrix}

预览
数学公式.png

流程图:

graph TD
    A[Christmas] --> B(Go shopping)
    B --> C{Let me think}
    C --> |One| D[Laptop]
    C --> |Two| E[iphone]
    C --> |Three| F[Car]

预览
流程图.png

序列图

sequenceDiagram
    loop every day
        Alice->>john: Hello John, how are you?
        John-->>Alice: Great!
    end

预览
序列图.png

甘特图:

gantt
dateFormat YYYY-MM-DD
title 产品计划表
section 初级阶段
明确需求: 2016-03-01, 10d
section 中期阶段
跟进开发: 2016-03-11, 15d
section 后期开发
走查测试: 2016-03-20, 9d

预览
甘特图.png

脚注

脚注类似于链接的变量引用

** 样例**

脚注[^脚注]
[^脚注]:脚注1

预览
脚注[^脚注]
[^脚注]:脚注

Markdown相关软件推荐(附链接)

本地编辑器

  • Typora(小编比较喜欢)。Typora同时支持Windows、OS X和Linux,Typora 支持即时渲染技术,这也是与其他 Markdown 编辑器最显著的区别,支持数学编辑,可与 Word 直接格式转换。
  • Visual Studio Code。Visual Studio Code是众所周知的神奇,是微软推出的一款轻量级的文本编辑工具,它已经默认集成Markdown文档编辑插件,原生就只吃高亮Markdown的语法,但是想要实时预览需要选择Markdown: Open Preview to the Side命令实现。Sublime Text 3。Sublime Text 3是基于Vim开发的跨平台代码编辑器,收费80美元,但是可以免费试用,支持OS X、Windows、Ubuntu等UNIX及Linux操作系统,但是不能实时预览,不过可以通过Markdown Preview的插件实现。
  • MarkPad。MarkPad是款开源的Markdown编辑器,可以直接在博客或者Github中打开、保存文档,直接将图片粘贴到Markdown中。

在线编辑器

  • MdEditor。MdEditor是一个免费的Markdown在线编辑器,可以实时预览,适用于网页编辑。
  • 简书。简书是一个优质的创作社区,你可以在线创作并发表到社区,是国内优质的原创内容输出平台。
  • CSDN。中国专业IT社区CSDN (Chinese Software Developer Network) 创立于1999年,致力于为中国软件开发者提供知识传播、在线学习、职业发展等全生命周期服务。CSDN的在线编辑器功能强大,支持导出为HTML和md文件。

    支持Markdown的笔记软件

  • 有道云笔记(小编正在用)。有道云笔记是一款免费的云笔记软件,赠送云存储空间,目前小编是完全够用的,支持Windows、Android、ios以及Web端。目前已经支持创建Markdown文件,可以实时预览,编辑功能还是非常强大的。
  • 印象笔记。印象笔记也是一款免费的云笔记软件,同时支持Mac、ios、iPad、Android以及Windows,新添加了Markdown文件支持,但是目前Android版本是不支持的。功能比较多样。
  • vnote。VNote 是一款专门针对程序员需求设计开发,并为重度Markdown 用户优化的跨平台开源免费 Markdown 笔记软件。它受编辑器神器「Vim」的启发,提供了很多程序员喜爱的特性。它基于 Qt 框架开发,跨平台支持 Windows、macOS 和 Linux 三大桌面操作系统。VNote 专注于 Markdown 的编辑与阅读,以提供舒适的编辑体验为设计目标。

猜你喜欢

转载自www.cnblogs.com/xiaoxia722/p/12456040.html
今日推荐