Skip to content

Markdown 语法学习

该笔记学习抄自Markdown 语法学习精简版 , 并根据笔者的学习不断更新,以满足个人学习需求

文章开头

点击这里跳转到 页面跳转 的阅读位置

最常用

分级标题

# 一级标题 (注意有空格)
## 二级标题
### 三级标题
#### 四级标题
##### 五级标题
###### 六级标题  <!--最多6级标题-->

目录表

在文章的任意位置(除文末)插入 [toc] 显示全文 目录 结构

斜体、粗体、删除线、下划线、背景高亮

*斜体*          _粗体_
**粗体**        ___粗体___
***加粗斜体***  ___加粗斜体___
~~删除线~~      
<u>下划线</u>
==背景高亮==

斜体 粗体
粗体 粗体
加粗斜体 加粗斜体
删除线
下划线
背景高亮

无序列表、有序列表

无序列表

* 无序列表 
+ 无序列表
- 无序列表
  • 无序列表
  • 无序列表
  • 无序列表

多级无序列表

* Today `* + Space`
* Tomorrow
    * Study `TAB (or 4 times spaces) + * + space`
    * shopping
        * Milk
        * Bread
* Tomorrow after tomorrow
  • Today * + Space
  • Tomorrow
    • Study TAB (or 4 times spaces) + * + space
    • shopping
      • Milk
      • Bread
  • Tomorrow after tomorrow

有序列表、多级有序列表

1. 有序列表项 一 `数字 + . + 空格键`
2. 有序列表项 二
    1. 有序列表项 二(1) `TAB(或4个空格) + 数字 + . + 空格键`
    2. 有序列表项 二(2)
        1. 有序列表项 二(2).1
3. 有序列表项 三
  1. 有序列表项 一 数字 + . + 空格键
  2. 有序列表项 二
    1. 有序列表项 二(1) TAB(或4个空格) + 数字 + . + 空格键
    2. 有序列表项 二(2)
      1. 有序列表项 二(2).1
  3. 有序列表项 三

任务列表

* [] 任务一 未做任务 ` * + 空格 + []`
* [] 任务二 已做任务 ` * + 空格 + [x]`
  • 任务一 未做任务 * + 空格 + [ ]
  • 任务二 已做任务 * + 空格 + [x]

表格

第一行为表头,第二行分隔表头和主体部分(如果表格无法显示可以尝试把第二行的 - 变为 --- ),可以指定所在列的对齐方式,第三行开始每一行为一个表格行。列与列之间用 | 隔开。(注:原生方式的表格每一行的两边也要有 | )

对齐方式 :- 左对齐 - 中心对齐 -:右对齐

第一列|第二列|第三列
:-|-|-:
a11|a12|a13
a21|a22|a33
a31|a32|a33
表头一 表头二 表头三
a11 a12 a13
a21 a22 a33
a31 a32 a33

超链接

[ ]里写链接文字,( )里写链接地址, ( )中的" "中可以为链接指定title属性,title属性可加可不加。title属性的效果是鼠标悬停在链接上会出现指定的 title文字,链接地址与title前有一个空格。

右边是链接[链接文字](链接 "title")
右边是链接[GitHub](https://github.com "GitHub")

右边是链接GitHub

插入图片

格式: ![name] (相对/url 路径 "title"){width = “size"}
其中 name会被某些网站和编辑器显示在图片下方

本地插入

  1. 直接将本地照片拖入到网站 聚合图片 生成所需图片的url地址,但是该方法网站不稳定可能跑路 lol

    示例: ![](https://pic.imgdb.cn/item/66c41513d9c307b7e925c4fe.png){width="20%"}

    卡皮巴拉

  2. 将本地图片保存到新建的文件夹iamges下,记录相对路径,然后引用图片插入格式

    示例: ![](./images/Capybara.png "CP"){width="20%"}

    卡皮巴拉

非本地插入

直接引用图片所在网址的URL,插入格式

代码块

行内代码块

用“ ` ”左右包裹代码

多行代码块

用“ ``` ”上下包裹代码,在第一个“ ``` ”后添加语言名称获得不同的高亮效果

如:cpp,python,swift

对齐方式

<center>行中心对齐</center>
<p align="left">行左对齐</p>
<p align="right">行右对齐</p>
行中心对齐

行左对齐

行右对齐

分割线

***
---


换行

不同markdown编辑器可能有不同的换行方式,最简单为直接敲回车

markdown文本内的连续两个或多个回车会被替换为一个回车

高级

设置字体/颜色

<font face="宋体" color=blue size =5>蓝色的字 ~</font>

蓝色的字 ~

常用颜色

浏览器支持的所有颜色请跳转参考

现代浏览器支持的140种已命名的颜色

常用颜色名称:

  • 按网站顺序排列 orange pink gold yellow purple greenyellow lightgreen green aqua lightblue blue wheat brown white snow linen silver gray black
最常用 其他
red greenyellow
orange lightgreen
yellow lightblue
green pink
aqua gold
blue silver
purple brown
wheat
linen
snow
gray
black

锚点

也就是 页面跳转

1. [点击这里跳转到第一段](#jump1)
2. [点击这里跳转到第二段](#jump2)

### <span id="jump1">第一段</span>

### <span id="jump2">第二段</span>
<span id="now">当前位置</span>
点击[这里](#top)跳转到开头
点击[这里](#bottom)跳转到结尾

点击这里跳转到开头

点击这里跳转到结尾

注脚

使用 Markdown[^1]可以效率的书写文档, 直接转换成 HTML[^2]。

[^1]: Markdown 是一种纯文本标记语言
[^2]: HyperText Markup Language 超文本标记语言

使用 Markdown1可以效率的书写文档, 直接转换成 HTML2

点击这里回到阅读内容 注脚 的位置

多级引用

>>> 请问 Markdwon 怎么用? - 小白

>> 自己看教程! - 愤青

> 教程在哪? - 小白

`[^_^]: # 无法显示时记得空行`

不同编辑器的显示情况不同

请问 Markdwon 怎么用? - 小白

自己看教程! - 愤青

教程在哪? - 小白

LaTeX公式

  • 在数学公式的前后加$是行内公式

我们在初中数学课上已经对一次函数$y=x+a$有所了解。
我们在初中数学课上已经对一次函数 \(y=x+a\) 有所了解。

  • 在数学公式的前后加$$是独占一行的公式
下面我们来认识一下二次函数$$y=ax^2+bx+c$$

下面我们来认识一下二次函数 \(\(y=ax^2+bx+c\)\)

更多复杂的用法可以查看从入门到放弃: Markdown的LaTeX使用教程

其他

转义字符

通过在Markdown字符前使用\来忽略(或转义)Markdown格式。

Markdown允许您使用反斜杠转义来生成文字字符,否则这些字符在Markdown的格式化语法中具有特殊含义。 例如,如果您想用文字星号包围一个单词,则可以在星号之前使用反斜杠,如\*literal asterisks\* *literal asterisks*

Markdown为以下字符提供反斜杠转义(但是CSDN不太支持):

\反斜杠 `反引号 *星号 _下划线 {}大括号 []中括号 ()小括号  #井号 +加号 -减号 .英文句号 !英文感叹号

注释

<div style='display: none'>
注释
</div>
<!-- 注释 -->
[//]: # (哈哈我是最强注释1,不会在浏览器中显示。)
[^_^]: # (哈哈我是最萌注释2,不会在浏览器中显示。)

结尾

点击这里回到阅读内容 页面跳转 的位置
点击这里回到阅读内容 注脚 的位置


  1. Markdown 是一种纯文本标记语言 

  2. HyperText Markup Language 超文本标记语言