Markdown的基本语法和进阶小技巧

简介

Markdown是一种可以使用普通文本编辑器编写的标记语言,通过简单的标记语法,它可以使普通文本内容具有一定的格式。即用一些标点符号代替点击菜单栏来给文字排版的方法,美,心流。

一、基本语法

1. 快捷键

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

2. 标题

语法:#,加空格,加标题。加几个#即为第几级标题,共六级。如:

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

一级标题

二级标题

三级标题

四级标题
五级标题
六级标题

3. 字体

  1. 斜体:前后*

  2. 加粗:前后**

  3. 斜体加粗:前后***

  4. 删除线:前后~~

  5. 上/下标:用HTML实现

    上标:前加<sup>,后加</sup> superscript

    下标:前加<sub>,后加</sub> subscript

  6. 高亮:前后==

  7. 表情:插入笑脸用:smile

*斜体*  **加粗**  ***斜体加粗***  ~~删除线~~  2<sup>10</sup>  H<sub>2</sub>O  :smile

斜体 加粗 斜体加粗 删除线 ?

4. 引用

语法:>,加空格,加引用内容。也可嵌套引用,如加2个、3个或N个>

引用的区块内也可以使用其他的 Markdown 语法,包括标题、列表、代码区块等。

>引用论文1
>>引用论文2
>>>>>引用论文3

引用论文1

引用论文2

引用论文3

5. 分割线

语法:3个-,或3个*,或多于3个也可。效果相同。

---
--------
***



6. 图片

![图片alt](图片地址 "图片title")

图片alt:显示在图片下面的文字,即图注。
图片title:图片标题,鼠标移到图片上时显示的内容,可加可不加。
图片地址:可以是本地的相对地址,也可以网络。本地图片可用千牛云图床。
![Markdown教程](https://img-bss.csdn.net/201712191414228258.jpg "Markdown教程")

[外链图片转存失败(img-kje3tAJT-1564135563960)(https://img-bss.csdn.net/201712191414228258.jpg “Markdown教程”)]

7. 超链接

  1. 网页超链接
[超链接名](超链接地址 "超链接title"),title可加可不加。
[CSDN](https://www.csdn.net/ "CSDN")

CSDN

  1. Markdown 也支持以比较简短的自动链接形式来处理网址和电子邮件信箱,直接写或用<>包起来。
https://blog.csdn.net/u014061630/article/details/81359144

https://blog.csdn.net/u014061630/article/details/81359144

  1. 锚点,即页面内超链接。

语法:在你准备跳转到的部位插入锚点,{#标记},然后在文档的其它地方写上连接到锚点的链接。

注:简书中会打开一个新的当前页面,不好用。

锚点

8. 列表

1. 无序列表

语法:+-*号,加空格,再加文字。

+ 列表1
- 列表2
* 列表3
  • 列表1
  • 列表2
  • 列表3
2. 有序列表

语法:数字加.,加空格,再加文字。

1. 列表1
2. 列表2
3. 列表3
  1. 列表1
  2. 列表2
  3. 列表3

注:在使用列表时,只要是数字后面加上英文的点,就会无意间产生列表,比如2019.7.26 这时候想表达的是日期,有些软件把它被误认为是列表。

解决方式:在每个点前面加上\就可以了。如:

2019\.7\.26

2019.7.26

3. 嵌套列表

语法:在下一级列表符号前多敲3个空格。

+ 一级无序列表
   + 二级无序列表1
   + 二级无序列表2
   + 二级无序列表3

1. 一级有序列表
   1. 二级有序列表1
   2. 二级有序列表2
   3. 二级有序列表3
  • 一级无序列表
    • 二级无序列表1
    • 二级无序列表2
    • 二级无序列表3
  1. 一级有序列表
    1. 二级有序列表1
    2. 二级有序列表2
    3. 二级有序列表3
4. 任务列表

语法:用[][x]标记完成情况,前可辅以有序和无序列表。

- [ ] data collecting
- [ ] write housework
- [x] have lunch
  • data collecting
  • write housework
  • have lunch
5. 结合其他要素

语法:也可以使用其他的 Markdown 语法,包括标题、引用、代码区块等。注:

  • 加粗效果不能直接用于列表标题里面,但是可以嵌套在列表里面混合使用。
  • 列表中包含代码块(前面加2个tab或者8个空格,并且需要空一行,否则不显示)。

9. 表格

|表头|表头|表头|
|-|:-:|-:|
|内容|内容|内容|
|内容|内容|内容|
第二行:在哪侧即默认文字哪侧对齐;如不加:默认左对齐。
|姓名|性别|年龄|
|-|:-:|-:|
|小红|女|26|
|小白|男|27|
姓名性别年龄
小红26
小白27

10. 代码

1. 单行代码或行内代码

语法:代码之间用一个反引号`包起来。

`library()`
文本前后加`**`表加粗。

library()

文本前后加**表加粗。

2. 代码块

语法:代码块首行和末行各敲三个反引号。在```后可加语言名,Typora会自动进行语法高亮。

\```ruby
require "redcarpet"
markdown= Redcarpet.new("Hello World!")
puts markdown.to_html
\```
注:为了防止转译,在两个反引号前加了\,演示时请去掉。ruby即为语法名。
require "redcarpet"
markdown= Redcarpet.new("Hello World!")
puts markdown.to_html
3. 包含html代码的代码块

语法:在代码区块里面, & 、 < 和 > 会自动转成 HTML 实体,这样的方式让你非常容易使用 Markdown 插入范例用的 HTML 原始码,只需要复制贴上,剩下的 Markdown 都会帮你处理。注:简书代码块里不支持html。

11. 目录

语法:输入[toc]并按下回车键会自动生成文章目录(Github和简书都不支持)。


二、常用技巧

1. 缩进字符

语法:空格,或缩进语法。
缩进语法

2. 特殊符号

  1. 对于 Markdown 中的语法符号,前面加反斜线\即可显示符号本身。
  2. 字符对应的Unicode码

注:简书、有道云笔记、zybuluo.com支持,但markdownpad不支持特殊字符。

\\  \*  \_  \#      &#10084;  &#10083;

\ * _ # ❤ ❣

3. 字体、字号、颜色

本身不支持修改字体、字号与颜色等功能;可通过内嵌HTML的方法来实现。

字体

颜色4、目

4. 脚注

语法:在需要添加注脚的文字后加上脚注名字[^注脚名字],称为加注。然后在文本的任意位置(一般在最后)添加脚注,脚注前必须有对应的脚注名字。

夕阳西下[^1]。

注:脚注一般在最后面,脚注后方的链接可以直接跳转回到加注的地方。由于简书不支持锚点,所以可以用注脚实现页面内部的跳转。

5. 背景色

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

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

6. emoji表情符号

语法:emoji表情使用:EMOJICODE:的格式,详细列表可见
https://www.webpagefx.com/tools/emoji-cheat-sheet/

注:github支持,但简书、markdownpad、有道云、zybuluo.com不支持。


三、高端用法

1. Latex数学公式

具体可以参考markdown编辑器使用LaTex数学公式

latex数学符号详见:常用数学符号的 LaTeX 表示方法

1.行内公式:公式前后各加一个”$”符号: $公式$
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}
$$

V 1 × V 2 = ∣ i j k ∂ X ∂ u ∂ Y ∂ u 0 ∂ X ∂ v ∂ Y ∂ v 0 ∣ \mathbf{V}_1 \times \mathbf{V}_2 = \begin{vmatrix} \mathbf{i} &amp; \mathbf{j} &amp; \mathbf{k} \\\frac{\partial X}{\partial u} &amp; \frac{\partial Y}{\partial u} &amp; 0 \\\frac{\partial X}{\partial v} &amp; \frac{\partial Y}{\partial v} &amp; 0 \\\end{vmatrix} V1×V2=iuXvXjuYvYk00

2. 流程图

\```mermaid
flowchatchat
st=>start: 开始  //定义流程图的开始
op=>operation: My Operation  //定义一个长方形的流程框
cond=>condition: Yes or No?  //定义一个判断
e=>end  //定义流程图结束

st->op->cond  //从开始到长方形再到判断
cond(yes)->e  //判断为真的时候执行分支
cond(no)->op  //判断为假的时候执行分支
\```
Created with Raphaël 2.2.0 开始 My Operation Yes or No? End yes no

注:

  1. 执行时,从"```mermaid flowchat"复制到"op"。

  2. operation、subroutine和input output分别对应长方形、子程序和四边形,需要哪个写哪个。

  3. 可在流程图符号后加需要跳转的链接。st=>start:开始:>www.google.com

  4. 也可通过right/left/top/bottom四个方向调整流程方式。

3. 绘制序列图

序列图

4. 绘制甘特图

甘特图

5. Markdown工具

  1. markdownpad软件
  2. 有道云笔记 支持markdownpad语法和html语法。
  3. 在线编辑markdown

6. YAML头信息

一般网页需要写这个。在文档的开始键入---然后按下回车键,就会生成一个独立的区块可以写入YAML头信息。


四、多软件配合使用

1. 坚果云:同步

2. 图床:便捷的图片上传

图床

教程:图床神器:七牛云 + Mpic + FScapture

如何使用七牛云做为图床?

3. VNote:不仅仅是Markdown编辑器

注:以上内容及图片整理自网络。

  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值