美文网首页
MarkDown新手指南

MarkDown新手指南

作者: 星光下的胖子 | 来源:发表于2018-11-04 14:00 被阅读0次

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

转义符号

显示结果 描述 实体名称 实体编号
< 小于号 &lt; &#60;
> 大于号 &gt; &#62;
& 与号 &amp; &#38;
" 引号 &quot; &#34;
' 撇号 &apos; &#39;
&emsp; 空格

效果如图:


反斜杠

Markdown 支持以下这些符号前面加上反斜杠来帮助插入普通的符号:

\    反斜线
`    反引号
*    星号
_    底线
{}    花括号
[]    方括号
()    括弧
#    井字号
+    加号
-     减号
.    英文句点
!    惊叹号

效果如图:


字体颜色

语法如下:

$\color{color}{内容}$

示例:

$\color{#FFD700}{工厂模式}$
$\color{red}{单例模式}$
$\color{#68228B}{原型模式}$

效果如图:


1.jpg
---------------------------------我是华丽的分割线---------------------------------

结语:

这是本人在简书上发表的第一篇文章。参考了网上的一些 Markdown 语法教程,一边尝试使用学习到的知识编写这篇文章,同时将自己学习到的 Markdown 语法知识点呈现给大家,希望对您有所益助。本文总结了 Markdown 的一些常用语法,如果您想了解和学习更多,可以参考『Markdown 语法说明』

相关文章

网友评论

      本文标题:MarkDown新手指南

      本文链接:https://www.haomeiwen.com/subject/kebrxqtx.html