markdown写作工具
2017-09-10 本文已影响0人
鸟同学
一、标题
Paste_Image.png将1~6个
#
井号放在标题内容的前面,就能够轻松的表示不同字号的标题。
# 一级标题 字号最大
## 二级标题
### 三级标题
#### 四级标题
##### 五级标题
###### 六级标题 字号最小
二、分割线
Paste_Image.png使用3个以上的任意数量的
-
_
*
符号,即可输出一条分割线。
// 以下几种情况都能够输出分割线
***
*****
____________________
----------
___
可以看到,图中还可以使用文字加上等号与减号分别表示一级标题与二级标题。
// 大于三个任意数量的等号
一级标题
======
// 大于三个任意属相的减号
二级标题
----
三、段落引用 Blockquotes
Paste_Image.png在普通段落前面加上一个
>
符号,即可将该段落标记为引用。在引用中,能够与其他任意语法组合。具体可看图中的效果。
输入一个空行,可结束一段引用。
四、无序列表
Paste_Image.png+
-
*
任意一种字符与空格组合,能将一个段落标记为无序列表。无序列表中也可以与其他语法组合使用。
输入一个空行,可结束一个无序列表。
五、有序列表
Paste_Image.png任意数字与空格组合,可以开始一个有序列表。即使每一列的数字并不是按顺序来,输出结果也会智能的从1开始依次排序。
1. xxxxxxxx
1. xxxxx
1. xxxxxxxx
------输出结果一样-------
3. xxxxxx
2. xxxxxxxxxx
8. xxxxxxxxxxx
使用两行空格或者其他诸如图片这样的格式,能够终止一个有序列表。
六、超链接
Paste_Image.png[]()
可以输出一个超链接。其中中括号中填写文字信息,小括号中填写链接地址信息。简书可以保留复制格式,也就是说,如果你从其他地方复制一个带超链接的文字过来,超链接会自动保留。
七、图片
Paste_Image.png![]()
可以输出一张图片的显示。其中中括号中填写图片的描述信息,描述信息最终会在图片下方的横线中显示。小括号中填写图片的地址。
而在图片的处理上,简书的markdown做到了最人性化的体验。我们可以使用剪切工具比如QQ或者微信的剪切工具在电脑上任意剪切一张图,然后就可以直接复制在简书里。如下图所示。这一点,极大的便利了我们对图片的处理。我们不用将图片保存起来,然后拖入简书。本文中所有的图片都是剪切后直接复制进来的,简单快捷方便。大爱这个特性。
八、强调
Paste_Image.png* _ 可以设置文字为加粗或者斜体。具体使用情况见图。
九、代码块
Paste_Image.png这是程序员大爱的语法。
在 `` 符号中输入文字或者代码片段,输入的文字将会被标注起来。
例如 这是一段被标注的文字。
代码块效果如下。
// 这里面支持代码高亮。
// 所以我们程序员写博客,会经常将我们的代码放在这个语法中。
// 不同的功能会显示出不同的颜色。
// 例如注释
var $element = document.querySelector('#container');
十、表格
Paste_Image.png在我们写文章的时候,虽然表格被用到的时候并不多,但是这确实是一个功能强大的语法,能在我们需要时轻松帮助我们解决困难。
语法的中间部分|:---:|:---:|:---:|
是整个表格的关键。该部分的上方表示为标题,下方为表格的每一项。都使用竖线|隔开。
我们可以通过修改中间部分,来修改表格文案的对齐方式。
|:---|:---|:---| 左对齐
|:---:|:---:|:---:| 居中对齐
|---:|---:|---:| 右对齐
十一、反斜杠
Paste_Image.png这一条其实应该不算什么语法了,只是为我们在markdown语法中输入这些符号提供了一个方式。防止这些符号被认为是语法。
花10来分钟熟练上面这十条语句,就能够轻松的使用markdown进行文学创作了。赶紧在简书web版里动手试试吧。
摘自作者:这波能反杀
链接:http://www.jianshu.com/p/be0b5a31aca6
來源:简书