美文网首页
Markdown怎么用?

Markdown怎么用?

作者: 易路先登 | 来源:发表于2019-06-07 00:46 被阅读0次

    Markdown语法,在普通的文本编辑时插入特定符号即可解析为有一定样式的页面,使用起来非常方便。下面介绍一下这些符号:

    标题#

    为减少解析难度Markdown语法的特殊符号一般都在行首生效
    # 文本 在行首以#空格加文本 会被解析为标题 一个#会被解析为1号标题,如下:

    文本

    两个#空格加文本会被解析为2号标题,# 文本如下:

    文本

    最多可有6个#,因为标题就是1-6号

    列表 -/*

    无序列表

    - 文本 -号空格文本 该文本会被解析为无序列表中的一项,多个项就构成一个无序列表,如下:

    • 文本
    • 文本
    • 文本

    有序列表

    1. 文本 数字加文本会被解析为有序列表的一项,多个项构成一个有序列表,如下:

    1. 文本
    2. 文本
    3. 文本

    超链接

    [超链接文本](超链接地址)[百度](http://www.baidu.com),效果如下:
    百度

    图片

    [图片下载失败时显示的字符]![百度](https://img.haomeiwen.com/i18116797/53632fc3861595d6.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
    效果如下

    1. 成功加载


      18116797-9bb1df445e323552.png
    2. 图片下载失败显示百度

    斜体粗体

    *文本* **号中间的文本 被解析为斜体,效果如下:
    文本
    **文本** ** **中间的文本被解析为粗体,效果如下:
    文本
    ***文本***左右三个*中间的文本被解析为粗体和斜体,效果如下:
    文本

    注意,*可以在行内使用

    引用

    >文本 >号后面的文本会被解析为引用,效果如下:

    鲁迅说:真正的猛士敢于直面惨淡的人生和淋漓的鲜血

    代码块

    1行内代码块

    左右使用1个反引号`(英文状态的~键)包含的文本将被解析为代码,如 `javascript` 解析效果如下:
    有人说:javascript编程人员是真正的猛士

    2多行代码块

    使用三个反引号包含文本 ``` 多行文本 ```即可,如:

    ```
      var canvas = document.getElementById("kycanvas");
      var inputText = document.getElementById("inputText");
      var ctx = canvas.getContext("2d");
    ```
    

    解析效果如下:

      var canvas = document.getElementById("kycanvas");
      var inputText = document.getElementById("inputText");
      var ctx = canvas.getContext("2d");
    

    表格

    |线包裹的四个列被解析为普通的文本
    |columna|columnb|columnc|columnd|
    如果在该列下加对应的一行|---|---|---|---|,这样写:
    |columna|columnb|columnc|columnd|
    |---|---|---|---|
    上面的文本会被解析为表格,效果如下:

    columna columnb columnc columnd

    添加一行数据
    |columna|columnb|columnc|columnd|
    |---|---|---|---|
    |列1的值|列2的值|列3的值|列4的值|
    效果如下:

    columna columnb columnc columnd
    列1的值 列2的值 列3的值 列4的值

    另外在|---|中输入:可以调节表格中格子内容的居中,以上面表格中的列1示例

    1左对齐

    |columna|columnb|columnc|columnd|
    |:---|---|---|---|
    |列1的值|列2的值|列3的值|列4的值|
    效果如下:

    columna columnb columnc columnd
    列1的值 列2的值 列3的值 列4的值

    2居中对齐

    |columna|columnb|columnc|columnd|
    |:---:|---|---|---|
    |列1的值|列2的值|列3的值|列4的值|
    效果如下:

    columna columnb columnc columnd
    列1的值 列2的值 列3的值 列4的值

    3右对齐

    |columna|columnb|columnc|columnd|
    |---:|---|---|---|
    |列1的值|列2的值|列3的值|列4的值|
    效果如下:

    columna columnb columnc columnd
    列1的值 列2的值 列3的值 列4的值

    注意,如果想显示n个反引号` 那么左右使用n+1个反引号`包含即可

    `` ` ``,则解析为 `

    相关文章

      网友评论

          本文标题:Markdown怎么用?

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