美文网首页
markdown的学习使用

markdown的学习使用

作者: 心中有光啊 | 来源:发表于2022-01-29 10:23 被阅读0次

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. 天生的性格

相关文章

  • 2020/10/14第一次的markdown笔记

    MarkDown的学习使用 MarkDown结合vsCode的学习使用 之前一直使用word记笔记,如今换到vsC...

  • 第一周总结

    本周完成的主要学习内容有: 学习使用Markdown写一篇简书 学习使用Markdown[笔记] https:...

  • 学习小组Day1笔记--尹露茜

    学习内容 熟悉Markdown语法利用搜索解决使用思维导图下载常用APP Markdown Markdown学习链...

  • 学习使用markdown

    这里学习使用markdown 今天看了一些markdown的学习资料,现在简单的总结一下。 markdown是什么...

  • 2018-09-24

    说明 学习markdown和git的基本使用。 了解学会使用git并建立自己的开源项目,学会使用markdown书...

  • MarkDown初学习

    初次学习使用MarkDown,边学习边写这篇文章。 MarkDown常用语法 使用#号来设置标题:比如#一级标题;...

  • 2019-01-04

    学习markdown的使用 1.1什么是markdown markdown是标记语言。它可以在录入文档的同时通过录...

  • 2018-04-18

    标题 学习一下Markdown的使用

  • Notepad++中支持Markdown

    最近在学习Markdown语言的使用,很想在XP主机上使用Markdown的离线编辑器,但MarkdownPad、...

  • 随笔Markdown语法与Wiki语法

    Markdown 与我而言Markdown语法是学习本课最大的收获了。「 Markdown是一种可以使用普通文本编...

网友评论

      本文标题:markdown的学习使用

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