和我一起学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
单元格 单元格 单元格

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

©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 219,366评论 6 508
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 93,521评论 3 395
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 165,689评论 0 356
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 58,925评论 1 295
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 67,942评论 6 392
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 51,727评论 1 305
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 40,447评论 3 420
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 39,349评论 0 276
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 45,820评论 1 317
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 37,990评论 3 337
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 40,127评论 1 351
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 35,812评论 5 346
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 41,471评论 3 331
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 32,017评论 0 22
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 33,142评论 1 272
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 48,388评论 3 373
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 45,066评论 2 355

推荐阅读更多精彩内容