Markdown 语法详尽笔记大全 2019

Markdown语法精要
最新推荐文章于 2024-07-18 11:44:01 发布
转载 最新推荐文章于 2024-07-18 11:44:01 发布 · 694 阅读 · 2 ·
CC 4.0 BY-SA版权
原文链接：http://www.cnblogs.com/Vison133/p/markdown-note.html
文章标签：

#markdown #python #javascript #ViewUI

本文精炼介绍了Markdown的基本语法和高级用法，包括标题、列表、链接、代码块、表格、引用、字体设置、分割线、超链接、图像、换行与缩进、字体样式、颜色与大小调整、内嵌HTML、特殊字符、目录与锚点、emoji表情、脚注、LaTeX数学公式、任务列表、流程图、时序图和甘特图的创建，以及推荐的Markdown编辑工具。

目录







Fuck me in Gitee
Fuck me in Github





 0.介绍

  Markdown是一种可以使用普通文本编辑器编写的标记语言，通过类似HTML的标记语法，它可以使普通文本内容具有一定的格式。

 1.快捷键

功能快捷键
加粗Ctrl + B
斜体Ctrl + I
引用Ctrl + Q
插入链接Ctrl + L
插入代码Ctrl + K
插入图片Ctrl + G
提升标题Ctrl + H
有序列表Ctrl + O
无序列表Ctrl + U
横线Ctrl + R
撤销Ctrl + Z
重做Ctrl + Y




 2.基本语法

 2.1 分级标题 #

  • 一般 # 作为文章大标题，只有一个，### 作为段落标题。

写法1 #

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

写法2 上下文标题

这是一个一级标题
============================

这是一个二级标题
----------------------------

注意：###### 六级标题 和 **文字** 效果是一样的



 2.2 字体设置斜体、粗体、删除线 _*~

代码显示结果
正常文字正常文字
*文字倾斜*文字倾斜
_文字倾斜_文字倾斜
**文字加粗**文字加粗
***文字倾斜加粗***文字倾斜加粗
~~文字下划线~~文字下划线

注意不能有空格



 2.3 分割线 --- 或 ***

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



 2.4 引用 >

  • 在引用的文字前加>即可。引用也可以嵌套，如加两个>>三个>>>
>这是引用的内容
>>这是引用的内容
>>>>>>>>>>这是引用的内容

示例:

这是引用的内容

这是引用的内容

这是引用的内容



 2.5 列表

无序列表 *，+，-

  • 使用 *，+，- 表示无序列表。
    注意：符号后面一定要有一个空格，起到缩进的作用。
- 无序列表内容
+ 无序列表内容
* 无序列表内容
示例
  • 无序列表内容
  • 无序列表内容
  • 无序列表内容

有序列表

  • 使用数字和一个英文句点表示有序列表。
    注意：英文句点后面一定要有一个空格，起到缩进的作用。
1.有序列表内容 
2.有序列表内容
3.有序列表内容

列表的嵌套

  • 上一级和下一级之间敲三个空格即可，或一个tab
- 列表的嵌套
    - 上一级和下一级之间敲三个空格即可
示例
  • 列表的嵌套
    • 上一级和下一级之间敲三个空格即可

定义型列表

语法格式：

事物
:   事物的定义
Markdown 
:   轻量级文本标记语言，可以转换成html，pdf等格式  //  开头一个`:` + `Tab` 或 四个空格

代码块定义
:   代码块定义……

        var a = 10;         // 保持空一行与 递进缩进
示例

Markdown
: 轻量级文本标记语言，可以转换成html，pdf等格式 // 开头一个: + Tab 或 四个空格

代码块定义
: 代码块定义……

    var a = 10;         // 保持空一行与 递进缩进

列表的注意事项

  • 列表中包含代码块
    • 前面加2个tab或者8个空格，并且需要空一行，否则不显示
  • 列表的转义
    • 在使用列表时，只要是数字后面加上英文的点，就会无意间产生列表
    • 比如2017.12.30 这时候想表达的是日期，有些软件把它被误认为是列表。
    • 解决方式：在每个点前面加上\就可以了



 2.6 表格

表格对齐方式：
    冒号在左边表示左对齐
    冒号右边表示有对齐
    冒号两边都有表示居中

标准写法

|    a    |       b       |      c     |
|:-------:|:------------- | ----------:|
|   居中  |     左对齐    |   右对齐   |
|=========|===============|============|
abc
居中左对齐右对齐
====================================

简约写法

a  | b | c  
:-:|:- |-:
    居中    |     左对齐      |   右对齐    
============|=================|=============
abc
居中左对齐右对齐
==========================================

特殊写法

  对于合并单元格，以及其他特殊格式表格，markdown 是无能为力的
所以常规的做法是使用HTML标签，但是这样的编写效率极低。
但是有了以下这款工具的话，所有问题都迎刃而解。
  在线生成HTML代码 Tables Generator (国外的站)


<table class="tg">
  <tr>
    <th class="tg-0pky" rowspan="2">AAA</th>
    <th class="tg-0pky" colspan="2">BBB</th>
  </tr>
  <tr>
    <td class="tg-0pky"></td>
    <td class="tg-fymr" rowspan="2">CCC</td>
  </tr>
  <tr>
    <td class="tg-0pky" colspan="2">DDD</td>
  </tr>
</table>
AAABBB
CCC
DDD



 2.7 超链接

!注意：
    {:target="_blank"} 跳转方式兼容性一般 ，多数第三方平台不支持跳转

图片链接 ![描述](地址)

![图片描述](图片地址 '图片title') 
    图片title是图片的标题，当鼠标移到图片上时显示的内容。
    图片title可加可不加
示例

图片描述

链接

写法1：<超链接>
  • 自动连接
    只要是用<>包起来，Markdown就会自动把它转成链接。
    也可以直接写，也是可以显示成链接形式的
代码显示结果
http://jianshu.comhttp://jianshu.com
<http://baidu.com>http://baidu.com
写法2：[]()
[超链接名](超链接地址 "超链接title")
    title可加可不加
代码显示结果
[简书](http://jianshu.com)简书
[百度](http://baidu.com)百度
写法3：HTML代码
<a href="超链接地址" target="_blank">超链接名</a>
注：  
    Markdown本身语法不支持链接在新页面中打开   
    如果想要在新页面中打开的话可以用html语言的a标签代替。

超链接名



 2.8 代码块

单行代码

  • 代码之间分别用一个反引号包起来
    代码内容

代码块

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

自定义语法

如 javascript，python，markdown...
print("hello world!")





 3.常用技巧

 3.1 换行与缩进

换行 \<br />

方法1: 连续两个以上空格+回车 
方法2：使用html语言换行标签： <br />

缩进字符

不断行的空白格
半角的空格
全角的空格

或

&#160;   或  &nbsp;    缩进 1/4 中文
&#8194;  或  &ensp;    缩进 1/2 中文，一个字符
&#8195;  或  &emsp;    缩进 1/1 中文，两个字符
示例

Hello World
 Hello World
 Hello World
 Hello World
 Hello World
 Hello World
 Hello World



 3.2 字体、字号 与 颜色

  • Markdown 本身是不支持修改字体、字号与颜色等功能的！

    优快云-markdown编辑器

是 Markdown 衍生版本，扩展了 Markdown 如表格、脚注、内嵌HTML等等的功能
接下来要讲的功能就需要使用内嵌HTML的方法来实现。
face : 字体样式
<font face= "华文彩云">华文彩云</font> 
  
color : 可以用十六位颜色值，也可以用已知颜色名
<font color="#f00">标红字体</font> 

size : 规定文本尺寸大小,可能值从 1~7，浏览器默认值为 3
<font size="1">1号尺寸</font>
示例

微软雅黑
华文彩云
标红字体
标红字体
1号尺寸

背景色

Markdown 本身不支持背景色设置,需要采用内置html的方式实现
借助 table, tr, td 等表格标签的 bgcolor 属性来实现背景色的功能

    <table>
      <tr>
        <td bgcolor=orange>背景色是：orange</td>
      </tr>
    </table>

测试了支持度不够良好,不建议使用 :)
示例
背景色是：orange



 3.3 内嵌 HTML 语句

HTML 中的语义标签

描述效果代码
斜体斜体<i>斜体</i>
加粗加粗<b>加粗</b>
强调强调<em>强调</em>
上标ZaZ<sup>a</sup>
下标ZaZ<sub>a</sub>
键盘文本Ctrl<kbd>Ctrl</kbd>

格式化文本 <pre></pre>

  保持输入排版格式不变

<pre>
hello world 
         hi
  hello world 
</pre>
hello world 
         hi
  hello world

支持内嵌CSS样式

内联样式



 3.4 特殊字符

Markdown 中的语法符号

  • 前面加反斜线\即可显示符号本身。
代码显示结果
反斜线 \\\
星号 \**
井号 ##
加号 ++
减号 --
英文句号 ..
英文惊叹号 !!
括号 \{\}\[\]\(\){}[]()

其他特殊字符

代码显示结果
&#10084;❤
&#10003;✓
&#9728;☀
&#9733;★
&#10052;❄
&#10003;☂
&#9762;☢
&#9742;☎
&#9835;♫
&#8734;∞

想知道字符对应的Unicode码，可以看这个网站：https://unicode-table.com/cn/



 3.5 内容目录 和 锚点

内容目录 [TOC]

  • 在段落中填写 [TOC] 根据标题生成目录，兼容性一般

锚点

  • 锚点其实就是页内超链接
插入锚点: {#标记名}
跳转锚点: [描述](#index)

语法说明： 
在你准备跳转到的指定标题后插入锚点{#标记}
然后在文档的其它地方写上连接到锚点的链接。
!注意：
    只有标题支持锚点， 跳转目录方括号后 保持空格
    测试了支持度不够良好,不建议使用 :)

跳转到目录



 3.6 emoji表情符号

平台支持性

工具或网站是否支持emoji表情符号
简书否
MarkDownPad否（不知道付费版是否支持）
有道云笔记否
zybuluo.com否
github是

示例

图片引用自互联网





 4. 高端用法

 4.1 脚注 与 Latex数学公式

注脚 [^注脚名]

引用脚注: [^注脚名]
添加脚注: [^注脚名]:  

语法说明： 
在需要添加注脚的文字后加上脚注名字[^注脚名字],称为加注。 
可在文本的任意位置添加脚注，脚注前必须有对应的脚注名字

注意：
- 脚注自动被搬运到最后面，请到文章末尾查看。
- 脚注后方的链接可以直接跳转回到加注的地方。

我在这里要引用一个注脚1

Latex数学公式 \$

行内公式
$公式$

使用两个”$”符号引用公式:

输入 $\sqrt{x^{2}}$

行间公式
$$公式$$
使用两对“$$”符号引用公式：

输入 $$\sqrt{x^{2}}$$

!注意:
    测试了支持度不够良好,不建议使用 :)



 4.2 任务列表

语法格式

- [x] 选项一
- [ ] 选项二  
- [ ]  [选项3]
  • [x] 选项一
  • [ ] 选项二
  • [ ] [选项三]
!注意：
    兼容性一般 要隔开一行



 4.3 流程图

语法格式：

代码块flow
代码块
flow                      // 流程
st=>start: 开始|past:> http://www.baidu.com // 开始，'st=>start: 开始'的：后面保持空格**
e=>end: 结束              // 结束
c1=>condition: 条件1:>http://www.baidu.com[_parent]   // 判断条件
c2=>condition: 条件2      // 判断条件
c3=>condition: 条件3      // 判断条件
io=>inputoutput: 输出     // 输出
//----------------以上为定义参数-------------------------

//----------------以下为连接参数-------------------------
// 开始->判断条件1为no->判断条件2为no->判断条件3为no->输出->结束
st->c1(yes,right)->c2(yes,right)->c3(yes,right)->io->e
c1(no)->e                   // 条件1不满足->结束
c2(no)->e                   // 条件2不满足->结束
c3(no)->e                   // 条件3不满足->结束

webp

定义参数

形参实参含义
tagst标签 (可以自定义)
=>=>赋值
typestart类型 (6种类型)
content开始描述内容 (可以自定义)
:>urlhttp://www.baidu.com[blank]链接与跳转方式 兼容性很差
6种类型含义
start启动
end结束
operation程序
subroutine子程序
condition条件
inputoutput输出

连接参数

形参实参含义
->->连接
conditionc1条件
(布尔值,方向)(yes,right)如果满足向右连接，4种方向：right ，left，up ，down 默认为：down
!注意：
    测试了支持度不够良好,不建议使用 :)



 4.4 时序图

语法格式

代码块sequence
代码块
A->>B: 你好                 // 'A->>B: 你好' 后面可以不写文字，但是一定要在最后加上'：''
Note left of A: 我在左边     // 注释方向，只有左右，没有上下
Note right of B: 我在右边
B-->A: 很高兴认识你

auto-orient

符号含义
-实线
>实心箭头
--虚线
>>空心箭头



 4.5 甘特图

语法格式

代码块gantt
代码块
    title 项目开发流程
    section 项目确定
        需求分析       :a1, 2016-06-22, 3d
        可行性报告     :after a1, 5d
        概念验证       : 5d
    section 项目实施
        概要设计      :2016-07-05  , 5d
        详细设计      :2016-07-08, 10d
        编码          :2016-07-15, 10d
        测试          :2016-07-22, 5d
    section 发布验收
        发布: 2d
        验收: 3d

1240
更多语法参考：甘特图语法参考





 5. Markdown工具





 本文参考文章

  1. 我在这里对注脚进行添加注释↩

转载于:https://www.cnblogs.com/Vison133/p/markdown-note.html

孙瑞宇
关注
markdown语法笔记
qq_44875230的博客
02-02 593
Markdown语法笔记 Tips：下文需要输入的键，输入法必须在英文状态下才可奏效 一、标题 1、语法 #+空格+标题内容 #的个数是根据标题的级别确定的，1-6个#分别对应一到六级标题 快捷键 ctrl+[1-6],分别对应1-6级标题 注：输完#后，一定要按下空格键才会显示标题效果 # 一级标题 快捷键 ctrl 1 ## 二级标题 快捷键 ctrl 2 ### 三级标题 快捷键 ctrl 3 #### 四级标题 快捷键 ctrl 4 ##### 五级标题 快
节点内部支持MarkDown语法的思维导图和大纲工具—MarkMind
weixin_41691337的博客
08-07 1241
这是一个思维导图软件，包括电脑版本和浏览器扩展应用，可以支持在节点内部使用MarkDown语法。 思维导图结构：支持思维导图、树状图、组织叫构图、鱼骨图、垂直时间线等类型，并且支持混合使用 大纲：和市面上的大纲工具类似，区别主要就是可以支持 markdown 语法，如果启用 markdown 支持，类似所见即所得的功能 思维导图具体功能： 外框 概要 联系 标注 标签 图像 链接 支持演示功能 MarkDown 语法支持: 文字样式设置 Emoji 表情与 Font awesome 字体图标 链接 图片
Markdown：语法
wvdon
04-12 244
_斜体第二种方法_ **加粗** __加粗的第二种方法__ ___粗斜体___ 两个enter是换行，或者用标签表示换行 用一行的=或者-表示一级标题和二级标题。如： 一级标题 ======= 二级标题 -------- 也可以在前面加上一到六个#表示标题的1级到6级。如： #一级标题 ##二级标题 ###三级标题 ####四级标题 #####五级标题 #...
MarkDown Note
十方
12-09 914
MarkDown NoteMarkDown Notesubline text 3 插件MarkDown 基础语法一,标题二,字体三,表格四,代码五,超链接六,分割线七，列表八，图片九，引用十，流程图csdn 语法说明 MarkDown Note subline text 3 插件 _[subline text 3 MarkDown插件安装教程](https://blog.youkuaiyun.com/qq_2...
Markdown的详细介绍和基本语法
u011669976的博客
04-30 410
Markdown是一种轻量级标记语言，排版语法简洁，让人们更多地关注内容本身而非排版。它使用易读易写的纯文本格式编写文档，可与HTML混编，可导出 HTML、PDF 以及本身的 .md 格式的文件。因简洁、高效、易读、易写，Markdown被大量使用，如Github、Wikipedia、简书等。Markdown 的语法简单明了，包括标题、列表、链接、图片、代码等元素的格式化，使用简单的符号如井号（#）来标记标题、星号（*）或减号（-）来创建列表、方括号和圆括号来添加链接和图片等。
MarkDown 语法大总结【全网汇总，从0到深大全版】
jxwd的博客
03-14 6万+
MarkDown 语法大总结【全网汇总，快速上手】(含Latex用法)【看完本文，你将从0入门到熟练掌握Markdown语法，同时也总结了不少其他文章和官网的内容】
java学习笔记markdown
03-12
【Java学习笔记Markdown版】是针对Java初学者和进阶者的一份详尽教程，以Markdown格式编写，便于阅读和整理。Markdown是一种轻量级的标记语言，它允许用户使用易读易写的纯文本格式编写文档，然后转换成结构化的HTML...
半小时掌握Markdown基础语法自学笔记
资源摘要信息:"本资源是一份关于Markdown的自学笔记，旨在帮助读者快速掌握Markdown的基础语法。内容详细全面，适合初学者...这份自学笔记以详尽的解释说明了Markdown的各个语法点，为初学者提供了一份宝贵的入门指南。
Java基础笔记MarkDown版4万字肝吐血
08-30
### Java基础笔记知识点详解 #### 一、Java概述与历史 - **编程语言的发展历程**： - **第一代：机器语言**：直接通过二进制指令与计算机交互，无须任何转换。 - **第二代：汇编语言**：比机器语言更接近人类的...
Markdown语法(修正版)
07-01
Markdown的两个版本文件——`Markdown语法.html`（中文）和`MarkdownSyntax.html`（英文）可能提供了详尽的中文和英文指南，而`markdown-cheatsheet.pdf`和`Markdown_CheatSheet.pdf`是Markdown速查表，方便快速查阅...
HackMD帐户Markdown笔记的整理与分享
10. 转义字符：使用反斜杠（\）来转义特殊字符，以避免特殊字符被解析成Markdown语法。 关于HackMD，这可能是一个在线Markdown编辑器和笔记共享平台。它允许用户编写和保存Markdown格式的笔记，并通过网络共享给...
如何半天内学会Markdown（英文版）
weixin_46164708的博客
01-08 377
###Day20200108 goal:learn and use Markdown rule:text/word/html(超文本标记语言C55)/ps… body today's weatheris good A-Z,labels'name fit:MD-Mardown is a very light mark language,it could let people to use...
Markdown 基本编写规范
dixiaotuo3231的博客
01-23 379
大家在使用webpack等工具新建项目时，会产生一个 readme.md的介绍文件，那么你如果想改变这个文件的内容应该怎样编写呢下面做简单介绍 首先测试环境：MarkDown在线编译工具 代码： # 标题#### 四级标题 . . .####### 六级标题#### 分割线* * * #### 倾斜、加粗、删除*斜* **粗** ~~删除~...
Markdown基础语法详细版
jd1813346972的博客
04-22 9158
主要聚焦讲解Markdown基础语法
Jupyter notebook 的 Markdown 编辑教学
最新发布
boke000000000001的博客
07-18 5099
每两个管道符 || 中视为格，|1| 为 一个 格 ，|1|2| 为两个格，第一个 - 才会被识别为表格 表头和内容的分割标识，每行的格的数量一样 且 表头下有一行 |-| 分割标识符 ，一旦分割标识后，分割标识符下面 || 中任意字符都是内容。-----------------------------------------还有个图片引用待更新--------------------------------------------在标准的Markdown语法中，分割线通常使用三个以上的连字符（
Markdown 语法手册 （完整整理版）
兔清风的博客
09-15 27万+
转载：http://blog.leanote.com/post/freewalk/Markdown%E8%AF%AD%E6%B3%95%E6%89%8B%E5%86%8C 0. 目录 0. 目录1. 斜体和粗体2. 分级标题3. 超链接 3.1. 行内式3.2. 参考式3.3. 自动链接 4. 锚点5. 列表 5.1. 无序列表5.2. 有序列表5.3
markdown的基本语法，图文清楚解释
qq_43553929的博客
07-21 1516
markdown基本语法 markdown是一种纯文本格式的标记语言，通过简单的标记语法，使得文本具有一定的格式。 一、标题 在要设置为标题的文本前加“# ”（注意“#”与文本之间有一个空格），分为六个级别的标题 格式如下 效果如下： 一级标题 二级标题 三级标题 四级标题 五级标题 六级标题 二、字体 字体倾斜在文本左右两边各加一个“” 加粗在文本左右两边各加两个“” 加粗倾斜在文本左右两边各加三个“*” 加删除线，在文本左右两边各加两个“~” 效果如下： 倾斜 加粗 加粗倾斜 删除线 三、引用 在
如何使用Markdown创建目录大纲
Tadashi_的博客
03-31 1万+
如何使用Markdown创建目录大纲超级简单的 你需要了解Markdown语法 你需要有Markdown编辑器 重点来了 如何使用Markdown创建目录大纲超级简单的1.你需要了解Markdown语法2.你需要有Markdown编辑器3.重点来了 笔记开头加上[TOC] 用markdown语法写你的笔记 写好之后保存
Markdown语法图文全面详解(10分钟学会)
热门推荐
黑暗星球
08-02 31万+
转自【码个蛋微信公众号】，感兴趣的同学可以添加码个蛋微信公众号。 前言 写过博客或者github上面的文档的，应该知道Markdown语法的重要性，不知道的朋友们也别着急，一篇博文轻松搞定Markdown语法。话说这个语法超级简单，一看就会，不信你点进来看看。 快捷键 功能 快捷键 加粗 Ctrl + B 斜体 Ctrl + I 引用 ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值