美文网首页
简书Markdown的进阶使用

简书Markdown的进阶使用

作者: Kerwin_Thomas | 来源:发表于2018-05-13 19:19 被阅读15次

    1. 介绍

    本文将介绍Markdown的一些比较常见的用法,尤其是在简书Markdown编辑器下的应用,有一定进阶,建议读者至少使用过Markdown或相近语法逻辑的其他标记语言(如:Latex等)

    2. 使用表格

    注意观察表格中内容的对齐方式

    冒号的位置定义了对齐方式

    |标题一|标题二|标题三|标题四|
    |-|:-|:-:|-:|
    |内容一一一|内容二二二二|内容三三三三三三三三|内容四四四四
    左对齐|左对齐|居中|右对齐
    
    标题一 标题二 标题三 标题四
    内容一一一 内容二二二二 内容三三三三三三三三 内容四四四四
    左对齐 左对齐 居中 右对齐

    3. 文字强调

    斜体

    效果:斜体

    *斜体*
    

    加粗

    效果:加粗

    **加粗**
    

    强调

    效果:强调

    `强调`
    

    斜体加粗

    效果:斜体加粗

    ***强调***
    

    删除线

    效果:删除线

    ~~删除线~~
    

    4. 强制换行

    默认情况下,Markdown的风格格式都是固定的,段与段之间的距离比较近,如果这时想要加宽段距只能使其再次换行,本文的每一个二级标题所在段落之间均使用了一个换行,感觉文字块间的分割感会提升很多,具体写法如下:

    简书只支持<br>写法,且<br>前后需有换行

    <br>也可以用在段内换行,此处不介绍了

    </br>
    
    <br>
    
    

    5. 转义

    有些时候需要打出语法中保留的关键字,这是就需要使用转义符了

    效果:*转义*,<br>

    \*转义*,\<br>
    

    6. 链接

    这里介绍链接的另一种用法,可以更好的支持后期的修改,也便于对链接的集中管理

    效果:
    这是一个链接
    这也是一个链接,链接也是百度

    [这是一个链接,链接是百度][1]
    [这也是一个链接,链接也是百度][2]
    
    [1]: http://www.baidu.com
    [2]: http://www.baidu.com
    

    7. 使用注释

    Markdown原生语法似乎是没有注释的,但是在实际使用的方方面面对于注释的需求还是相当强烈,下面介绍一些注释的写法:

    1. 巧妙利用隐藏的方法达到注释的目的

      简书可用

      [](这是一个注释)
      
    2. 具体文本编辑器自己支持的注释

      要注意某些符号后有空格

      以MWeb为例
      : 这是一个注释
      
      以简书为例
      [任意内容]: <> (这是一个注释)
      [任意内容]: # (这是一个注释)
      

    8. 数学公式

    简书似乎不支持一般的Markdown数学公式打法,这么常用的东西他不支持,我能怎么办,我也不能怎么办啊,一个土办法——用图片。那么这里有两种形式:

    1. 插入本地图片
    2. 给出Url地址,使用网络图片

    那么具体如何打出公式,可以使用 MathType、Latex 等强大的数学工具甚至是 Word 进行书写,同时 Latex、Word 均具有网上版本可以使用,免于下载之苦。

    9. 图片大小(已无效)

    在简书中不能通过类似Html指定标签,但是仍然可以通过控制代码来调整图片大小

    注:现在只能在编辑时,看出大小了,发布文章后,大小再也不受控制,见鬼!!


    image.png
        // 原图代码
        ![lofter 摄影师 [离岛之森] 作品 (侵删)](https://upload-images.jianshu.io
        /upload_images/8503360-c07b75d78e1f355e.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/820)
       
        // 观察Url最后两个部分,w代表width,820代表宽度的值
        // 这样通过修改820所在的数值我们就可以修改图片宽度,而同时高度与宽度的比例是仍是原图的比例
        // 我们也可以指定高度,这里使用 h 替换 w
        // e.g.
        // w = 300
        ![lofter 摄影师 [离岛之森] 作品 (侵删)](https://upload-images.jianshu.io
        /upload_images/8503360-c07b75d78e1f355e.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/300)
        // h =300
        ![lofter 摄影师 [离岛之森] 作品 (h = 300)](https://upload-images.jianshu.io/upload_images/
        8503360-c07b75d78e1f355e.png?imageMogr2/auto-orient/strip%7CimageView2/2/h/300)
    
    lofter 摄影师 [离岛之森] 作品 (侵删) lofter 摄影师 [离岛之森] 作品 (w = 300) lofter 摄影师 [离岛之森] 作品 (h = 300)

    10. 感想

    Markdown其实还有很多相当好用的东西,简书不支持,这里也就不进行介绍了,也不知道以后会不会补齐,但目前来说对于基本的使用八成左右的需求都是可以满足的,关键是简书的美感确实好,相信这也是那么多人持续使用的原因。

    另,相信本文提供的一些用法仍是不全面的,随着学习的逐步探索,会持续更新 ... ...

    作者声明

    本人的水平也是相当有限,本文也是自己在学习中的一些摸索和积累,难免会出现纰漏之处,还烦请大家畅所欲言、不吝指教。

    最近更新

    5/29/2018

    参考借鉴

    https://www.zhihu.com/question/21907056

    https://www.jianshu.com/p/9be87e7e15bf

    https://www.jianshu.com/p/0b257de21eb5

    https://www.jianshu.com/p/cf8922042d0c

    相关文章

      网友评论

          本文标题:简书Markdown的进阶使用

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