Markdown语法学习|精简版

你。 提交于 2020-03-17 08:11:04

markdown语法学习

文章开头
点击这里回到下方说明页面跳转的位置

此笔记学习摘抄自Markdown语法大全(超级版),基本使用应该足够
此目录由[toc]生成

一、内联 HTML 语法/特殊字符自动转义

  • 对于 Markdown 中未包含的标签, 可以直接使用 HTML标签,例如用 HTML <a> 标签替代 Markdown 的链接语法
  • 在 HTML 中, 有两个字符需要特殊对待: < 和 &,左尖括号用于起始标签。果你想将它们用作字面量, 你必须将它们转义为字符实体, 例如&lt;&amp;

二、行内语法

注释

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

分级标题

# 一级标题
## 二级标题
### 三级标题
#### 四级标题
##### 五级标题
###### 六级标题  <!--最多6级标题-->

任务列表

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

缩进

【1】 &emsp;或&#8195; //全角
【2】 &ensp;或&#8194; //半角
【3】 &nbsp;或&#160;  //半角之半角

【1】  或  //全角
【2】  或  //半角
【3】  或  //半角之半角

换行

由于markdown编辑器的不同,可能在一行字后面,直接换行回车,也能实现换行,但是在Visual Studio Code上,想要换行必须得在一行字后面空两个格子才行。

对齐方式

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

行左对齐

行右对齐

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

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

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

超链接

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

右边是链接[链接文字](链接 "title")
右边是链接[CSDN](https://www.csdn.net "csdn.net")

右边是链接CSDN

参考式

参考式链接分为两部分,文中的写法 [链接文字][链接标记],在文本的任意位置添加[链接标记]:链接地址。

网站[百度][1]
<!-- 中间要空行的-->
[1]:http://www.google.com <!--这一行不会显示-->

网站百度

注脚

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

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

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

锚点

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

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

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

当前位置
点击这里跳转到结尾
点击这里跳转到结尾

无序列表、有序列表、定义型列表

* 无序列表项 一
+ 无序列表项 二
- 无序列表项 三

1. 有序列表项 一
2. 有序列表项 二
3. 有序列表项 三
  • 无序列表项 一
  • 无序列表项 二
  • 无序列表项 三
  1. 有序列表项 一
  2. 有序列表项 二
  3. 有序列表项 三

插入图像

![](link " ")
![简书图片下方显示/图片无法显示用该文字代替](图片链接 "鼠标悬停显示文字")
![我的头像](https://img-blog.csdnimg.cn/20200315122321756.png "xjdsbj")

我的头像

多级引用

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

>> 自己看教程! - 愤青

> 教程在哪? - 小白

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

请问 Markdwon 怎么用? - 小白

自己看教程! - 愤青

教程在哪? - 小白

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

转义字符

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

设置字体/颜色

<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
orange
yellow
green
aqua
blue
purple
其他
greenyellow
lightgreen
lightblue
pink
gold
silver
brown
wheat
linen
snow
gray
black

三、块代码讲解

目录

在任意位置插入[toc]显示全文目录结构

行内代码块

用“ ` ”左右包裹代码

多行代码块

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

  • 我可能会用到的:cpp,python,swift

表格

第一行为表头,第二行分隔表头和主体部分,第三行开始每一行为一个表格行

列于列之间用|隔开。原生方式的表格每一行的两边也要有|
第二行还可以为不同的列指定对齐方向
:- 左对齐``- 中心对齐``-: 右对齐(默认为左对齐)

|表头一|表头二|
|:-|-|
|abc|def|
|ghi|jkl|
表头一 表头二
abc def
ghi jkl

LaTeX公式

  • $ 数学公式前后加$是行内公式
    如:y=x+ay=x+a

  • $$ 数学公式加$$
    就是独占一行的公式
    如:y=x+ay=x+a

分割线

* * *
***
- - -
---




HTML 原始码

在代码区块里面, & 、 < 和 > 会自动转成 HTML 实体,这样的方式让你非常容易使用 Markdown 插入范例用的 HTML 原始码,只需要复制贴上,剩下的 Markdown 都会帮你处理

文章结尾
点击这里回到刚才位置


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

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

易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!