首页 > 其他分享 >Markdown 常用语法精讲

Markdown 常用语法精讲

时间:2022-08-14 19:56:50浏览次数:88  
标签:--- Markdown 精讲 转义 语法 源码 #### https com

- #### 标题 (`# 跟标题名称一定要留空格`)

> # 一级标题
> ## 二级标题
> ### 三级标题
> #### 四级标题
> ##### 五级标题
> ###### 六级标题

---

- #### 段落 (`两行之间使用空白行创建段落`)

> 段落第一行
>
> 段落第二行

---

- #### 缩进 (使用` `)

>     这是缩进四个空格文本 (`源码:    这是缩进四个空格文本`)

---

- #### 换行 (使用`<br>`)

> 第一行 (`源码:第一行<br>`)<br>
> 第二行

---

- #### 强调/加粗、斜体 (`中文斜体不适用`)

> 粗体:**abc** (`源码:**abc**`)<br>
> 斜体:*abc* (`源码:*abc*`)<br>
> 粗斜体:***abc***(`源码:***abc***`) 

---

- #### 块引用 (`>`)

> 这是引用的文本 (`源码:> 这是引用的文本`)

---

- #### 块引用在段落中使用 (`添加 > 在段落空行`)

> 段落一
>
> 段落二

---

- #### 嵌套块引用 (`使用 >>`)

> 段落一
>
>> 段落1内部

---

- #### 在块引用中使用其他元素

> ##### 使用标题
>
> - 使用列表
>
> `使用代码块`
>
> 使用加粗、斜体:**abc**、*abc*

---

- #### 有序列表

> 1. 项目1
> 2. 项目2
>   1. 项目1的子项目1
>   2. 项目1的子项目2
> 3. 项目3

---

- #### 无序列表 (`使用三者任何一个都可"-、*、+"`)

> - 项目1
> - 项目2
> - 项目3
>   - 项目3的子项目1
>   - 项目3的子项目2
> - 项目4

---

- #### 在列表中添加其他元素

> - 段落缩进
>
>   已缩进的文本:(`使用tab键缩进`)
>   > 添加块引用<br>
>   添加代码块
>   ```json
>      {
>         "name": "Alan",
>         "age": 18
>      }
>   ```
>   添加图片<br>
>   ![This is image](./markdown教学图片.jpg)

---

- #### 有序列表嵌套无序列表

> 1. 有序项目1
> 2. 有序项目2
>   - 无序项目1
>   - 无项项目2

---

- #### 代码块 (`使用反引号包裹,也可作为文本高亮使用`)

> - `code`<br>
> - `` `转义反引号` `` (`使用两个反引号前后包裹单反引号`)

---

- #### 水平线 (`使用---`)

> ---

---

- #### 超链接 

> - 例如:[百度](https://www.baidu.com) (`源码:[百度](https://www.baidu.com)`)
> - 超链接添加标题/提示语:[添加了标题链接](https://www.baidu.com "这是百度地址") (`源码:[添加了标题链接](https://www.baidu.com "这是百度地址")`)
> - 格式化超链接,加粗/斜体:***[Links](https://www.baidu.com "这是百度地址")*** (`源码:***[Links](https://www.baidu.com "这是百度地址")***`)
> - 链接中带空格,需要使用%20转义:[转义空格](https://www.baidu.com/abc%20def) (`源码:[转义空格](https://www.baidu.com/abc%20def), 会渲染成https://www.baidu.com/abc def`)

---

- #### 插入图片

> - 语法:`![图片提示文本](图片地址:相对路径/绝对路径/网络图片地址)`
> - ![本地图片](./markdown教学图片.jpg "本地图片标题") (`源码:![本地图片](./markdown教学图片.jpg "本地图片标题")`)
> - ![网络图片](https://images.unsplash.com/photo-1660324455436-4d163e51dcd1?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=2787&q=80 "网络图片标题")
> - [![带链接的图片](https://images.unsplash.com/photo-1660326513186-a2225cd6d086?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=2861&q=80 "带链接的图片")](https://www.baidu.com)

---

- #### 转义字符 (`显示字符原意,使用\`)

> - 转义反斜杠本身:\\ (`源码:两个反斜杠`)
> - 转义反引号:\` (源码:\\`)
> - 转义星号:\* (`源码:\*`)
> - 转义下划线:\_ (`源码:\_`)
> - 转义花括号:\{} (`源码:\{}`)
> - 转义中括号:\[] (`源码:\[]`)
> - 转义尖括号:\<> (`源码:\<>`)
> - 转义小括号:\() (`源码:\()`)
> - 转义#号:\# (`源码:\#`)
> - 转义+号:\+ (`源码:\+`)
> - 转义-号:\- (`源码:\-`)
> - 转义.号:\. (`源码\.`)
> - 转义!号:\! (`源码:\!`)
> - 转义|号:\| (`源码:\|`)

---

- #### 表格 (`---创建表头,|分隔每一列`)

> |语法|描述|
> |---|----|
> |内容1|内容2|
> |内容3|内容4|

---

- #### 多行代码块 (`首尾使用三个反引号, 首部反引号后可添加语言名称,可高亮显示`)

> ```javascript
> const node = "a"
> const fn = node => {
>     return node 
> }
>       
> ```

---

- #### 删除线 (`首尾各添加两个~~`)

> ~~这是删除线~~

---

- #### 任务列表/Todo

> - [x] 第一任务已完成 (`源码:- [x] 第一任务已完成`)
> - [ ] 第二个任务 (`源码:- [ ] 第二个任务`)
> - [ ] 第三个任务 (`注意-后加空格,[ ]内未完成时添加空格`)

---

- #### Emoji(表情)

> 从网站[Emojipedia](https://emojipedia.org/) 中复制使用

---

> ### Enjoy!

标签:---,Markdown,精讲,转义,语法,源码,####,https,com
From: https://www.cnblogs.com/TangQF/p/16586150.html

相关文章

  • Ansible语法学习与总结
    【强烈推荐】Ansible自动化运维入门实战点击关注......
  • day01 Markdown学习
    Markdown学习二级标题三级标题字体Hello,World!加粗左右各两个**Hello,World!斜体左右各一个*Hello,World!斜体加粗左右各三个***Hello,World!......
  • 用vscode学习使用markdown
    学习java的第一天学习使用vscode来写博客(markdown)字体加粗:hello斜体:hello加粗和斜体:hello引用学习java,走向人生巅峰分割线图片山河或者复制之后用alt+ctr......
  • Markdown学习笔记
    1Markdown学习目录1Markdown学习1.1我是二级标题1.1.1我是三级标题1.1.1.1我是四级标题1.1.1.1.1我是五级标题1.1.1.1.1.1我是六级标题1.2字体1.2.1加粗字体1.2.2变......
  • 英语语法体系
    动词可以独立完成的动作:不及物动词(主语+不及物动词)PapaRabbitsleeps有一个动作的承受者:及物动词(主语+单及物动词+宾语)PapaRabbitlikesyou有两个动作......
  • 学习日记-MarkDown语法
    MarkDown语法样式标题字体样式链接、列表表格图片代码标题(一级标题)#空格+标题名字/commond+1(二级标题)##空格+标题名字/commond+2以此类推......
  • VUE学习-基础(基础语法 & 模板语法)
    基础语法引入vue<!--开发环境版本,包含了有帮助的命令行警告--><scriptsrc="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script><!--生产环境版本,优化了尺寸......