和我一起学markdown2

段落修饰

段落的修饰内容,包括引用区块、列表、代码块、链接、插图、表格、流程图等

引用区块

引用区块,需要在段落前使用> 标识,标识符后跟空格,再写内容。
区块内容也可嵌套,第一层一个>,第二层两个>>,以此类似。

    > 第一层
    >> 第二层AA
    >>
    >>> 第三层11
    >>> 第三层22
    >>
    >> 第二层BB

第一层

第二层AA

第三层11
第三层22

第二层BB

列表

markdown 支持无序列表和有序列表。
1 . 无序列表,可使用星号*,加号+,减号- 作为列表标记,标记后跟一空格,再写内容。
列表和引用区块,可相互嵌套使用。

  1. task list 无序列表
    * 第一项
    * 第二项 

    + 第一项
    + 第二项

    - 第一项
    - 第二项

    * [x] task list 1
    * [ ] task list 2
      * [ ] task list 2-1
      * [x] task list 2-2
  • task list 1
  • task list 2
    • task list 2-1
    • task list 2-2
  1. 有序列表,使用数字加下后缀.,标记后跟一空格,再写内容。
    1. 第一项
    2. 第二项

列表可嵌套,注意需要在子列表选项前添加四个空格。

    1. 第一项
        * 第一项AA
            + 重AA
            + 重BB
        * 第一项BB
    2. 第二项
        * 第二项CC
        * 第二项DD
  1. 第一项
    • 第一项AA
      • 重AA
      • 重BB
    • 第一项BB
  2. 第二项
    • 第二项CC
    • 第二项DD

代码块

代码块,有两种引用方式。

  1. 段落上一个函数或片段代码,可使用两个反引号 ` 将引用内容包括起来.
  2. 代码区块,可使用前后各三个反引号,将代码包裹,如指定代码语言需要紧跟前面三个反引号。
  3. 代码块显示行号:语言后面跟{.line-numbers} .
  4. 代码添加 highlight=n 属性的方式来高亮代码行数.
  5. 也可缩进四个空格,也做为实现类似 <pre> 预格式化文本 ( Preformatted Text ) 的功能。
`引用函数`
    ```javascript{.line-numbers,highlight=[1]}
    $(document).ready(function(){alert('ni hao!')});
    ```

    <?php
        echo "Hello world!";
    ?>
x = 10
y = "Bill"
print(x)
print(y)

链接

链接分为三类

  • 一类直接放链接地址,
  • 另一类指定链接的链接名称。
  • 先放置链接名称,链接地址赋值变量,在后面补充地址。
    链接地址:<https://www.baidu.com>
    链接名称: [百度搜索](https://www.baidu.com)
    锚点链接: [百度2搜索][aa]

    [aa]: https://www.baidu.com

链接地址:https://www.baidu.com
链接名称: 百度搜索
锚点链接: 百度2搜索

插图

markdown插入的图片,有本地图片和网络图片之分。

本地图片,图片地址是相对于markdown文档所在位置的相对地址。
图片的语法格式和链接相似,只是前面多个!. [图片上传失败...(image-a48212-1658761522939)]
属性文本:指图片未加载成功时,图片所占位置显示文本。
可选标题:在鼠标移动到图片上并停留时,会显示的信息。
需要注意,markdown无法指定图片高度和宽度,如需要,可使用html的<img>标签限制图片。
图片加链接 (Image + Link):[[图片上传失败...(image-99268a-1658761522939)]](链接地址)

![头像](assets/20220725_054203_500.jpg)    \\assets文件夹和当前文档在同一个目录下。
![github 图标](https://github.githubassets.com/favicons/favicon.png "github标题")

<img src="assets/20220725_054203_500.jpg" width="50%">

表格

Markdown表格语法简单,缺点是不支持列宽度定义,表格样式定义,单元格合并等。
每一行是表格的一列,使用|来分隔不同的单元格,使用-来分隔表头和其它行。
在分隔表头和其它行时,可使用:指定该列表格对方方式。

    | 左对齐 | 右对齐 | 居中对齐 |
    | :----| ---: | :---: |
    | 单元格1 | 单元格2 | 3单元格3 |
    | 单元格 | 单元格 | 单元格 |
左对齐 右对齐 居中对齐
单元格1 单元格2 3单元格3
单元格 单元格 单元格

[^脚注]:文本补充说明。

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容