美文网首页
半个小时学会Markdown语法规范

半个小时学会Markdown语法规范

作者: Apple_Boy | 来源:发表于2019-07-07 18:30 被阅读0次

            作为一个IT人员,不会Markdown是说不过去的,于是今天兴起就学了一下,并且将刚学会的技能使用Markdown语法记录!
            Markdown 轻量化的标记语言,一种适用于网络的书写语言。Markdown 是一个面向写作的语法引擎,Markdown 的最终目的都是解析成 HTML 用于网页浏览,所以它兼容 HTML 语法,即你可以在 Markdown 文档中使用原生的 HTML 标签。
            本文分三部分:基础语法,高级点的语法和好用的HTML标签。

    一、基础语法

    1. 标题设置

    在文字开头加上 “#”,后接一个空格。通过“#”数量表示几级标题。(一共只有1~6级标题,1级标题字体最大),如下:

    注意:后要加空格

    # 一级标题

    ## 二级标题

    ### 三级标题

    2. 首行缩进

    中文在排版时首行都有缩进两格,或是编辑时要有多个空格,编辑器中要在全角状态下才能输入空格!(或者使用HTML空格标签: &nbsp)。

    实现方法:在中文输入法时用shift+空格键切换成全角,再输入两个空格(或        

    . 引用文字
    在句首加上">"即可。格式如下:> 引用文字,结束时换行。如下:

    >这是毛主席说的,枪杆子里出政权。

    4. 斜体和粗体文字
    将需要设置为斜体的文字两端加或是_ ;粗体的文字两端加*或__,(注意:文字两端不能有空格),如下:

    *这是一段斜体文字* 这是一段斜体文字

    **这是一段粗体文字** 这是一段粗体文字

    _这是一段斜体文字_ 这是一段斜体文字

    _这是一段粗体文字_ 这是一段粗体文字

    5.分割线:


    6.删除线

    删除线

    7. 无序列表
    在文字开头添加(, +, 或 -)实现无序列表。注意在(, +, 或 -)和文字之间需要添加空格。如下:

    * 花生

    * 柿子

    8. 有序列表
    使用数字后面跟上点号“.”(还要有空格)如下:

    1. 第一条

    2. 第二条

    9 . 链接(Links)
    Markdown中有两种方式实现链接,行内式链接和参考式链接
    (1) 行内式链接:[文章名](文章url)。例如:

    [新人生存指南之一:steem介绍]https://steemit.com/steemit/@lemooljiang/3f5j36-steem

    (2) 参考式链接:
    关于markdown的语法有可以参考这三篇文章,oflyhigh的[《使用Markdown来让你的文章更易于阅读、更美观》][1] 和lemoojiang的[《图文编辑三板斧》][2] ,还有 carinewhy的[《新手教學-在steemit内改變圖片大小和圖片排位的方法》][3]。
    [1]: https://steemit.com/cn/@oflyhigh/markdown
    [2]: https://steemit.com/cn/@lemooljiang/4mddsq
    [3]: https://steemit.com/cn-tutorial/@carinewhy/625apt-steemit

    10. 图片(Images)
    图片的处理方式和链接的处理方式,非常的类似,行内式链接和参考式链接。

    注意:可以直接使用编辑器的上传图片功能“selecting them”

    (1)行内式链接:[图片上传失败...(image-a74a6e-1562495431015)],例如:

    ![sea](https://img.haomeiwen.com/i14753999/46c176ae4ac001a3.jpg?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)

    sea

    (2)参考式链接:
    ![名称][id]

    11.视频(videos)

    利用视频服务器的插入代码,例如:

    <iframe width="560" height="315" src="https://www.youtube.com/embed/1eTj_TGJMvw" frameborder="0" allowfullscreen></iframe>
    

    12.表格

    下面的例子是设计三列的表格,要几列,就用几个“|”分隔。

    序号|内容|作者

    ------------|------------|------------

    1|天龙八部|金庸

    2|绝代双娇|古龙

    二、高级点的语法

    1. 代码区块(HTML中所谓的Code)

    实现方式有两种:
    第一种:简单文字出现一个代码框。使用 括起来。(左上角的ESC下面~中的
    第二种:使用四个空格。如下:

    设计网页时<html>标签是必要的。

    注意:多行的代码块可以如下表示:

    ```

    设计网页时<html>标签是必要的。

    还有很多<a>标签的用法。

    标签的用处很多<pre>

    ```

    2. 反斜杠

    Markdown 可以利用反斜杠来插入一些在语法中有其它意义的符号,例如:如果你想要用星号加在文字旁边的方式来做出强调效果,如下:

    *这是需要强调的部分*

    三、好用的HTML标签

    1. 文字居中
    用HTML的一对标签来实现,就是<center>。格式如下:

    <center><h2>这是标题(文字)</h2> </center>

    2. 分栏排版

    段落或图片分成两列或是三列排版,可以用<div>或<table>标签来实现。格式如下:

    两栏的版式:图片宽度取7cm ,dpi:150

    第一种:

    <div class="pull-left">图片url</div>这是文字部分

    例如:

    <div class="pull-left">http://www.scisan.com/wp-content/uploads/2017/07/vmall.jpg</div>最近华为商城请了胡歌代言,销量也是直线上升啊。

    第二种:

    <table>

    <tr>

    ​ <td >图片URL地址</td>

    ​ <td>文本部分</td>

    </tr>

    </table>

    三栏的版式 图片宽度取5cm ,dpi:150

    <table>

    <tr>

    ​ <td >图片URL地址</td>

    ​ <td>文本部分</td>

    ​ <td>文本部分</td>

    </tr>

    </table>

    3. 其它支持的标签

    (1)<h1>这是标题</h1>

    (2)
    换行

    (3)


    水平线

    (4)这是粗体

    (5)<del>删除的文本</del>

    (6)代码块<div>

    (7)<strong>加强的文本</strong>

    (8)<em>这是强调</em>

    (9)<i>这是斜体</i>

    (10)<blockquote>引用的文本</blockquote>

    (11)<a href="www.baidu.com">百度</a>

    比较好的Markdown教程:https://www.jianshu.com/p/235fd3679a02

    相关文章

      网友评论

          本文标题:半个小时学会Markdown语法规范

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