美文网首页
markdown常用语法

markdown常用语法

作者: 皓皓大帝 | 来源:发表于2016-07-19 19:31 被阅读22次

    昨天发表了接触iOS开发以来的第一篇处女作,其中让我最不满意的就是排版太TM难看了,代码居然都只能用纯文本的形式展示。今天发现,原来简书上本来就带markdown编辑器,这就好多了嘛!我写的文章终于不用这么难看了!

    今天,就跟大家说一下,如何使用markdown来写出一篇美观文章常用到的语法。这篇文章就是我用markdown写出来的,我会详细介绍编写步骤。

    标题

    #一级标题
    ## 二级标题
    ......
    ###### 六级标题
    
    效果图 1.1

    列表

    • 这是第一点
    • 这是第二点
    1. 这是第一点
    2. 这是第二点

    1.这是第一点
    2.这是第二点

    小伙伴们发现上面的三组列表有什么区别没?真聪明!没错!1组和2组形式看起来是一样的,但是2组两点间的间距明显大于1组,3组与1、2组的形式不同。3组的实现代码其实有很小的区别,只是一个空格的区别。神奇不?

    - 这是第一点
    - 这是第二点
    
    1. 这是第一点
    2. 这是第二点
    
    1.这是第一点
    2.这是第二点
    

    前两组其实用markdown语法写的,标准是显示的内容和标签之间要有一个空格,最后一组是用纯文本写的。(值得注意!)

    代码块

    作为一个程序猿,既然要做技术分享文章,晒代码那是必须的啊!所以我的代码以什么形式展示才会更显眼,让读者立即找到代码块呢?就像我上面贴出markdown代码块一样。很简单,用一组```就可以了,中间写上你的代码。

    效果图 1.2

    引用

    细心的读者会发现一件事,上面的部分中除了代码块这个框框外,还有一种框框,那是什么呢?现在告诉你,这是引用!
    markdown中只需要用“>”标记一段文字,那么这段文字就换成了引用的身份了。

    我是引用文字

    图片

    看!上面还有什么?还有图片啊!图片怎么放进来的?
    ![图片标题]图片的地址,就OK了!

    ![代码](https://img.haomeiwen.com/i2299003/244923c1fe253800.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
    
    代码

    链接

    在文章中经常会出现我引用了“某某”的文章,点击“某某”这两个字就可以跳转到文章中。这种效果markdown实现代码与图片的方式很像,区别就是少了一个"!"。

    我引用了[皓皓大帝](http://www.baidu.com)的文章!
    

    我引用了皓皓大帝的文章!

    粗体和斜体

    哈哈
    haha
    哈哈
    haha
    哈哈
    haha

    **哈哈**
    **haha**
    *哈哈*
    *haha*
    ***哈哈***
    ***haha***
    

    代码已经很直观了,想让那些内容粗体或者斜体,就将内容放在**...**或*...*中,想让内容又粗又斜的话,就放在***...***中。

    注意!注意!粗体的效果对汉字无效!(其实上面这些记住了就差不多了!)

    表格

    做个表格吧!其实我跟穆奇一样不喜欢做表格,可能是我没遇到裴朵吧!
    其实,用markdown做表格的代码挺像画一个表格的。多了不说,代码最直观!

    |姓名   |年龄|性别|
    |------|:--:|--:|
    |皓皓大帝|23 |男  |
    |皓皓大嫂|24 |女  |
    
    姓名 年龄 性别
    皓皓大帝 23
    皓皓大嫂 24

    "----":文字局左;":---:":文字居中;"---:":文字据右

    好了!小伙伴们,markdown我也是最近才接触,了解的也很浅显。希望大神们可以多多指教我!

    我是皓皓大帝!我是个重颜值的程序猿!我不自恋!

    相关文章

      网友评论

          本文标题:markdown常用语法

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