美文网首页
markdown写作工具

markdown写作工具

作者: 鸟同学 | 来源:发表于2017-09-10 09:42 被阅读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
    來源:简书

    相关文章

      网友评论

          本文标题:markdown写作工具

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