markdown的学习使用

markdown的标题

  1. # 一级标题,在文字前面增加一个“#”
  2. ## 二级标题,在文字前面增加两个“##”
  3. ### 三级标题,在文字的前面增加三个“###”
  4. #### 四级标题,在文字的前面增加三个“####”
  5. ##### 五级标题,在文字的前面增加五个“#####”
  6. ###### 六级标题,在文字的前面增加六个“######”

markdown的段落格式

  1. markdown没有特殊的段落格式,直接写文字就好
    • 段落的换行,是使用两个以上的空格加上回车

markdown的字体

  1. 斜体: 使用 一边一星 , *xxxxx*
    • 我是斜体字
  2. 粗体: 使用 一边双星, **xxxxx**
    *我是粗体字
  3. 粗斜体:一边三星, ***xxxx**
    我是粗斜体字

分割线

可以在一行中使用三个以上的星号、减号、底线号来创建一个分割线,行内不能有其他的东西
  1. 三个以上的星号 :****或者 * * *


  2. 三个以上的减号 : --- 或者 - - -


  3. 三个以上的底线 : ___ 或者 _ _ _


删除线

  1. 在文字两边加上两个波浪线即可 ~~xxxxx~~
    • 我是有删除线的文字

下划线

  1. 使用html的元素 <u></u>
    • <u>我也是有下划线的文字</u>

脚注

所谓脚注,即使对文本的说明解释。
  1. 语法: [^ 需要添加注脚的文字 ],然后在文章最下面添加注脚的内容格式: [^]: 注脚的内容

    • 我就是[1],我本痴狂人[2],生来不羁,生性[3]放浪,你能奈我何。

列表

支持无序列表和有序列表
  1. 无序列表

    • 使用星号*、加号+、减号- 来作为无序列表的标记,标记后添加一个空格
      • 星号 无序列表1
      • 加号无序列表2
      • 减号 无序列表3
  2. 有序列表,使用数字加上“.”,就可以实现有序列表

    1. 我是第一项
    2. 我是第二项
  3. 列表的嵌套

    1. 我是第一层

      • 我是第一层的第一项

      • 我是第一层的第二项

    2. 我是第二层

      • 我是第二层的第一项
      • 我是第二层的第二项

区块

区块使用的符号是“\>”,然后在后面添加一个空格就可以。但是,只能放在第一列才有用

我是一个区块的例子

我是二个区块的例子

区块的嵌套:一个“\>”是最外层,两个“\> \> ”是第一层的嵌套

我是第一层

我是第一层的嵌套

我是第二层的嵌套

区块和列表的嵌套展示

我是一层区块

1.我是第一层列表

  • 我是第一层列表的第一项
  • 我是第一层列表的第二项s
  1. 我是第二层列表
  • 我是第二层列表的第一项
  • 我是第二层列表的第二项

添加代码

  1. 在段落或者片段中添加代码,需要使用反引号“`”,键盘上的ESC下面的按钮,英文状态下,点击

    • 我是一行代码,是用来打印log的 printf(),在iOS的OC语言中,打印的语句是NSLog()
  2. 添加代码块,前四次空格或者敲一次制表符

    • do {// 做些什么
            NSLog(@"天气不错");
      } while (条件);
      

添加链接

  1. [链接名称](链接地址)

  2. <链接地址>

    1. 高级链接地址,即通过变量设置一个链接,而变量在文档的末尾进行赋值. 格式 : [网址的名字][网址的变量] [网址的变量]:xxxxxx

      • 这个链接用 1 的地址 Google

      • 这个链接用 runloop 作为网址变量 RunLoop

添加图片

  1. markdown的添加图片的格式 : ![alt 属性文本](图片地址)
    • 这是一个修勾图片[图片上传失败...(image-680919-1643509081599)]
    • 这是一个小猫的图片
      喵~
  2. 很明显,上面的方法并不能设置图片的尺寸,如果要设置图片的尺寸,需要借助HTML的<img>标签 <img src = "https://tva1.sinaimg.cn/large/008i3skNly1gyvfeki3maj30hs09674h.jpg" width=20% height=20%>
    • 这是一个小猫图片 <img src = "https://tva1.sinaimg.cn/large/008i3skNly1gyvfeki3maj30hs09674h.jpg" width=20% height=20%>
      *<img>这个方法,在Typora和vs可用。简书上试了一下,可以使用“插入图片”,上传后用的还是![alt 属性文本](图片地址)这个方法。
    • 简书的效果展示
      简书图片展示

表格

  1. 使用 | 来分割不同的单元格

  2. 使用 - 来区分表头和其它行

  3. 对其方式

    • -: 表示内容和标题栏右对齐
    • :- 表示内容和标题栏左对齐
    • :-: 表示内容和标题栏居中对齐
    • name age gender
      xxx 18

高级技巧

  1. 支持的html元素

    • <kbd>: <kbd>Ctrl</kbd> + <kbd>Alt</kbd> + <kbd>Del</kbd>

      • 例子:使用 <kbd>Ctrl</kbd>+<kbd>Alt</kbd>+<kbd>Del</kbd> 重启电脑(在Typora和vs可用,效果如下)。


        效果
    • <b><i><em><sup><sub><br>等等

  2. 转义:markdown使用很多特殊符号来表示特定的意义,如果需要展示出来对应的符号就需要用到转义

    • "\" + 特殊符号
  3. 数学公式

    • $xxxxxxx$ 或者 (xxxxxx), 数学表达式将在行内展示
    • $$xxxx$$ 或者 [xxxx] 或者```math 表示的数学表达式将在块内展示
  4. 流程图

    1. graph LR
      A[方形] --> B(圆角)
      B --> C{条件a}
      C --> |a=1| D[结果1]
      C --> |a=2| E[结果2]

      选择语言的时候使用 \`\`\`mermaid    xxxxxxx.  \`\`\`
      
      graph LR
      A[方形] --> B(圆角)
       B --> C{条件a}
       C --> |a=1| D[结果1]
       C --> |a=2| E[结果2]
      

学习的文档:https://www.runoob.com/markdown/md-tutorial.html



  1. 能饮一杯无。

  2. 有心人

  3. 天生的性格

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容