Markdown 语法详尽笔记大全 2019

最新推荐文章于 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 1245
这是一个思维导图软件，包括电脑版本和浏览器扩展应用，可以支持在节点内部使用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 414
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的各个语法点，为初学者提供了一份宝贵的入门指南。
网络整理的资料通过Markdown语法生成高可读性PDF电子书项目_包含Docker笔记安装指南jQuery插件开发全解析自定义Yeoman生成器node-formidable详解.zip
最新发布
09-04
本项目针对这一需求，提出了一种利用Markdown语法生成具有高可读性的PDF电子书的解决方案。通过本项目，用户不仅可以系统地整理网络资料，还可以通过特定的格式化工具将这些资料转换成易于阅读和分享的电子书格式，...
Java基础笔记MarkDown版4万字肝吐血
08-30
### Java基础笔记知识点详解 #### 一、Java概述与历史 - **编程语言的发展历程**： - **第一代：机器语言**：直接通过二进制指令与计算机交互，无须任何转换。 - **第二代：汇编语言**：比机器语言更接近人类的...
Markdown语法(修正版)
07-01
Markdown的两个版本文件——`Markdown语法.html`（中文）和`MarkdownSyntax.html`（英文）可能提供了详尽的中文和英文指南，而`markdown-cheatsheet.pdf`和`Markdown_CheatSheet.pdf`是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 5102
每两个管道符 || 中视为格，|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、付费专栏及课程。

余额充值