Markdown 是一种「电子邮件」风格的「标记语言」,如果您是一位「简书」的写作者,十分有必要学习和掌握该语言。
总结 Markdown 的以下几个优点:
- 纯文本,兼容性极强,可用所有文本编辑器打开。
- 让您专注于文字而不是排版。
- 格式转换方便,Markdown 的文本您可以轻松转换为 html、电子书等。
- Markdown 的标记语法有极好的可读性。
下面来一起学习 Markdown 的语法。为了使您更好地学习,建议您登录[「简书」](http://www.jianshu.com),将您的编辑器切换至 Markdown 编辑器,新建一个空白笔记,然后点击右上角的预览模式:
此时,您的界面应当如下图所示,左侧为编辑区域,右侧为预览区域,您在左侧输入 Markdown 语法的文本,右侧会立即帮您呈现最终结果,好了,让我们开始学习吧~
---------------------------------我是华丽的分割线---------------------------------
标题
在段落前面加上 #
,#
号越多,标题级越小,共六级。例如:
# 一级标题
## 二级标题
### 三级标题
#### 四级标题
##### 五级标题
###### 六级标题
注:#
和 [一级标题] 之间建议保留一个字符的空格,这是最标准的 Markdown 写法。
效果如图:
代码引用
引用代码时,如果引用的语句只有一段,不分行,可以使用 ` 将语句包起来。
如果引用的语句为多行,可将 ``` 置于这段代码的首行和末行。
效果如图:
列表
无序列表:文本前面加上 -
,例如:
- 文本1
- 文本2
- 文本3
有序列表:文本前面加上 1.
、2.
、3.
,例如:
1. 文本1
2. 文本2
3. 文本3
注:-
、1.
和文本之间要保留一个空格,遵循标准的 Markdown 写法。
效果如图:
连接和图片
在 Markdown 中,输入连接不需要其他按钮,您只需要使用 [显示文本](连接地址)
这样的语法即可,例如:
[简书](http://www.jianshu.com)
在 Markdown 中,插入图片不需要其他按钮,您只需要使用 ![显示图片名](图片连接地址)
这样的语法即可,例如:
![](https://img.haomeiwen.com/i14479570/1d473ee917a6e97b.PNG?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
注:连接和图片的语法很像,图片前面多了一个 !
。
效果如图:
引用
引用他人的文字,在 Markdown 中,您只要在您希望的引用文字前面加上 >
就好了。
> 一盏灯, 一片昏黄; 一简书, 一杯淡茶。 守着那一份淡定, 品读属于自己的寂寞。 保持淡定, 才能欣赏到最美丽的风景! 保持淡定, 人生从此不再寂寞。
注: >
和文本之间保留一个字符的空格,遵循标准的 Markdown 写法。
显示效果:
一盏灯, 一片昏黄; 一简书, 一杯淡茶。 守着那一份淡定, 品读属于自己的寂寞。 保持淡定, 才能欣赏到最美丽的风景! 保持淡定, 人生从此不再寂寞。
更多示例效果如图:
粗体和斜体
粗体:在要加粗文字的两端各加上两个星号 *
或两个下划线 _
。
斜体:在要斜体的文字两端各加上一个星号 *
或一个下划线 _
。
例如:
*一盏灯*, 一片昏黄; **一简书**, 一杯淡茶。 守着那一份淡定, 品读属于自己的寂寞。 _保持淡定_, 才能欣赏到最美丽的风景! __保持淡定__, 人生从此不再寂寞。
显示效果:
一盏灯, 一片昏黄; 一简书, 一杯淡茶。 守着那一份淡定, 品读属于自己的寂寞。 保持淡定, 才能欣赏到最美丽的风景! 保持淡定, 人生从此不再寂寞。
效果如图:
删除线
文字两端各加上两个星号 ~
即可 。
例如:
~~我是要加删除线的文字~~
~~__*斜体、加粗、同时加删除线*__~~
显示效果:
我是要加删除线的文字
斜体、加粗、同时加删除线
分割线
有4种方式:三个星号 *
,三个下划线 _
,三个减号 -
,<hr>
标签。
例如:
***
___
---
<hr>
显示效果:
表格
相关代码:
| Tables | Are | Cool |
| ------------------ | :-----------------: | -----------------: |
| 文字靠左对齐 | 文字区中 | 文字靠右对齐 |
|zebra stripes | are neat | $1600 |
| col 3 is | right-aligned | $12 |
显示效果:
Tables | Are | Cool |
---|---|---|
文字靠左对齐 | 文字居中 | 文字靠右对齐 |
zebra stripes | are neat | $1600 |
col 3 is | right-aligned | $12 |
相关代码:
dog | bird | cat
--------: | :----------: | :-------
foo | foo | foo
bar | bar | bar
baz | baz | baz
显示效果:
dog | bird | cat |
---|---|---|
foo | foo | foo |
bar | bar | bar |
baz | baz | baz |
注:---
或 :---
表示靠左对齐,:---:
表示居中对齐,---:
表示靠右对齐。
显示连接中带符号的图片:
![][1]
[1]: http://latex.codecogs.com/gif.latex?\prod%20(n_{i})+1
代码如下:
![][1]
[1]: http://latex.codecogs.com/gif.latex?\prod%20\(n_{i}\)+1
转义符号
显示结果 | 描述 | 实体名称 | 实体编号 |
---|---|---|---|
< | 小于号 | < | < |
> | 大于号 | > | > |
& | 与号 | & | & |
" | 引号 | " | " |
' | 撇号 | ' | ' |
  | 空格 |
效果如图:
反斜杠
Markdown 支持以下这些符号前面加上反斜杠来帮助插入普通的符号:
\ 反斜线
` 反引号
* 星号
_ 底线
{} 花括号
[] 方括号
() 括弧
# 井字号
+ 加号
- 减号
. 英文句点
! 惊叹号
效果如图:
字体颜色
语法如下:
$\color{color}{内容}$
示例:
$\color{#FFD700}{工厂模式}$
$\color{red}{单例模式}$
$\color{#68228B}{原型模式}$
效果如图:
1.jpg
---------------------------------我是华丽的分割线---------------------------------
结语:
这是本人在简书上发表的第一篇文章。参考了网上的一些 Markdown 语法教程,一边尝试使用学习到的知识编写这篇文章,同时将自己学习到的 Markdown 语法知识点呈现给大家,希望对您有所益助。本文总结了 Markdown 的一些常用语法,如果您想了解和学习更多,可以参考『Markdown 语法说明』。
网友评论