Markdown简介
ps:本篇文章是在有道云中书写和调试的,不同平台显示略微有差别!
Markdown概述
Markdown
是一种轻量级的简单易学的标记语言,通过简单的标记语法,可以使普通文本内容具有一定标记格式。其文本格式为.md
类似于html
,只不过标签更简单,更易读易写,可以方便转换为html
、pdf
等格式。
Markdown
不是一种编程语言,其目标也不会代替html,但是其非常适用于写文档,书写博客等。一旦上手Markdown
后,写作会成为一种享受。
Markdown优点
- 学习成本低,只需要简单掌握十几个符号用法就可以;
- 纯文本,兼容性强,所有的文本编辑器都支持;
- 让用户专注于内容而不是排版;
-
Markdown
可以随意转换为html
,pdf
,md
格式的; - 标记语法具有良好的可读性。
Markdown缺点
- 对图片的支持度不像
word
等那么方便; - 不同
Markdown
编辑器语法有细微差别。
Markdown语法
标题
Markdown
中插入不同级别的标题操作非常方便,只需要插入不同数量的#
即可。
# 一级标题
## 二级标题
### 三级标题
#### 四级标题
##### 五级标题
###### 六级标题
注意: #与标题之间一般需要空一格。
备注:以上为Markdown中演示内容,实际书写中呈大小梯度变化。
列表
列表分为有序列表和无序列表,两者在实现上有些差异。有序列表顾名思义是有逻辑数字顺序的,如1、2、3等,而无序列表仅仅是以一种无差异符号表示内容的并列关系。
无序列表
Markdown
中支持多种符号实现无序列表格式化,如-
,*
,+
,其效果均相同。
---
- aaa
- bbb
- ccc
---
* AAA
* BBB
* CCC
---
+ 111
+ 222
+ 333
---
- aaa # 不同符号之间也可以混用,外观上相同,但间距变大。。。
* BBB
+ 333
---
Markdown
下实现效果
- aaa
- bbb
- ccc
- AAA
- BBB
- CCC
- 111
- 222
- 333
- aaa
- BBB
- 333
备注: 因为-
符号操作最方便只需要按一下按键,建议最好使用-
符号实现无序列表。
有序列表
同等级有序列表
实现同一等级的有序列表,只需要数字加上点号(小数点和英文格式的句号均可以),且与输出的内容中间空一格即可。
---
1. aaa
2. bbb
3. ccc
---
1. aaa
3. ccc
2. bbb
---
111. AAA # 多位数字也可以
112. BBB
113. CCC
---
Markdown
下实现效果
- aaa
- bbb
- ccc
- aaa
- ccc
- bbb
- AAA
- BBB
- CCC
多级有序列表
目前,在一般Markdown
语法中多等级有序列表没有完美的实现方法,但能通过结合无序列表方法折中解决。
- 1\. aaa # 注意'.'前要加反斜杠转义。。。
- 1.1 bbb
- 1.2 ccc
- 2\. bbb
- 2.1 aba
- 2.2 bab
- 3\. ccc
- 3.1 aca
- 3.2 cac
- 3.2.1 eee
- 3.2.2 ggg
Markdown
下实现效果
- 1. aaa
- 1.1 bbb
- 1.2 ccc
- 2. bbb
- 2.1 aba
- 2.2 bab
- 3. ccc
- 3.1 aca
- 3.2 cac
- 3.2.1 eee
- 3.2.2 ggg
分割线
在Markdown
中实现分割线也可以通过-
,*
,+
三种符号完成。具体实现方法如下:
---
------ # 可以使用三个以上符号,*和+ 效果相同
- - - # 符号之间可以加上多个空格
注意: 使用-
插入分割线时,需要与上面的内容之间至少空一行,否则 Markdown
会将上一行内容解释为二级标题。
字体修饰
Markdown
中字体修饰主要包含:字体
,加粗
,斜体
,下划线
,大小
,上色
,背景色
等。
字体
Markdown
中无原生语法修饰字体,但我们可以借鉴HTML
语法实现相关效果。
<font face="黑体">我是黑体字</font>
<font face="微软雅黑">我是微软雅黑</font>
<font face="STCAIYUN">我是华文彩云</font>
<font face="黑体">我是黑体字</font>
<font face="微软雅黑">我是微软雅黑</font>
<font face="STCAIYUN">我是华文彩云</font>
字体加粗
Markdown
中实现字体加粗方式有以下几种(大家选择顺手的就可以~~~):
**加粗** # 推荐用法
__加粗__ # 英文状态的下划线
<b>加粗</b>
<strong>加粗</strong>
Markdown
下实现效果
加粗
加粗
<b>加粗</b>
<strong>加粗</strong>
- 字体斜体
Markdown
中实现斜体也有以下几种方式:
*斜体*
_斜体_
<em>斜体</em>
斜体
斜体
<em>斜体</em>
下划线
Markdown
中并无原生语法的实现下划线,但可以借鉴HTML
和css
中的用法。
++下划线++ # 有道云中可以实现
<u>下划线</u>
<span style="border-bottom:2px dashed red;">下划线</span>
<span style="border-bottom:2px solid red;">下划线</span>
Markdown
下实现效果
++下划线++
<u>下划线</u>
<span style="border-bottom:2px dashed red;">下划线</span>
<span style="border-bottom:2px solid red;">下划线</span>
字体大小
借鉴HTML
语法可以在Markdown
中调整字体大小。
<font size=4>字体大小</font>
<font size=6>字体大小</font>
<font size=4>字体大小</font>
<font size=6>字体大小</font>
字体上色
借鉴HTML
语法也可以在Markdown
中实现字体上色效果。
<font color=gray size=4>字体上色</font>
<font color=red size=4>字体上色</font>
Markdown
下实现效果
<font color=gray size=4>字体上色</font>
<font color=red size=4>字体上色</font>
字体背景色
Markdown
中也无原生语法的实现下划线,但有道云中可以通过以下方式实现:
==字体背景色== # 有道云中可以,其他平台还未测试
Markdown
下实现效果
==字体背景色==
代码
行代码
单行代码引用使用单个符号(符号位于ESC键下方),实现代码着色。
Markdown`下实现效果
`行代码`,`Markdown`
行代码
,Markdown
代码块
将代码置于```(三个)符号之间,实现代码块突出显示。
Markdown`下实现效果
``` # 显示需要,Markdown中不需要加
代码块
代码块
``` # 显示需要,Markdown中不需要加
代码块
代码块
引用
Markdown
中引用的符号是>
,使用时>
与引用内容间要空一格。大概可分为普通引用和嵌套引用,具体使用方法如下:
普通引用
Markdown
下实现效果
> 引用内容1
引用内容2 # 引用内容后不空行的话,后面均为引用内容,只需要在第一行加上'>'符号即可。
引用内容3
> 引用内容a
> 引用内容b
> 引用内容c
引用内容1
引用内容2
引用内容3
引用内容a
引用内容b
引用内容c
嵌套引用
在引用中加入不同数量的>
符号可以表示不同等级。
Markdown
下实现效果
> 引用1 #从少到多可以直接实现,如果多到少则不能实现(ps有道云)。
>> 引用2
>>> 引用3
引用1
引用2
引用3
引用内修饰
引用内容内也可以加入字体加粗、代码引用等语法修饰,突出显示内容。
Markdown
下实现效果
> **加粗**
> *斜体*
> `代码`
加粗
斜体
代码
链接
[百度](http://www.baidu.com)
[百度](http://www.baidu.com "这是备注") # 可以添加备注
<http://www.baidu.com/> # 自动链接
<fangj@163.com> # 也可以通过链接方式自动生成电子邮件
百度
百度
http://www.baidu.com/
fangj@163.com
图片
Markdown
中图片插入的方式与和链接非常相似,差别只是在[]
前加上!
。
如果要在网络上分享文章,需要提前将图片放到图床上,获得图片的链接,当然也可以直接在网络上寻找图片。如果只是在本地查看,则可以根据图片相对路径或绝对路径插入到文中。
![星空](https://img.haomeiwen.com/i6727859/8e5f4133d91a25f0.jpg?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
![星空](https://img.haomeiwen.com/i6727859/47357d134d44a033.jpg?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240 "备注") # 也可以备注信息
星空
参考链接
献给写作者的 Markdown 新手指南
front-end-study from github
Markdown使用笔记
CSDN-markdown编辑器语法——字体、字号与颜色
Learning-Markdown (Markdown 入门参考)
网友评论