Markdown基础语法学习

Markdown基础语法学习

简述:本篇学习笔记摘自简书:https://www.jianshu.com/p/191d1e21f7ed

一、标题

使用#号

# 这是一级标题

## 这是二级标题
### 这是三级标题
#### 这是四级标题
##### 这是五级标题
###### 这是六级标题

二、字体

**这是加粗的文字使用双星号**
*这是倾斜的文字使用单星*`
***这是斜体加粗的文字***
~~这是加删除线的文字~~
字体颜色：
 $\color{red}{红色字体}$
 $\color{#FF0000}{红色字}$
 或$\color{rgb(255,0,0)}{红色字}$ 存在语法兼容性问题

$红色字体$
$蓝色字体$
$红色字$

内嵌html的使用：

浅红色文字：<font color="#dd0000">浅红色文字：</font><br /> 
深红色文字：<font color="#660000">深红色文字</font>

浅红色文字：浅红色文字：

深红色文字：深红色文字

size为4：<font size="4">size为4</font><br /> 
<font face="黑体">我是黑体字</font>
<font face="宋体">我是宋体字</font>

size为4：size为4

我是黑体字
我是宋体字

表格背景色：
<table><tr><td bgcolor=#FF00FF>背景色的设置是按照十六进制颜色值：#7FFFD4</td></tr></table>
<table><tr><td bgcolor=#FF83FA>背景色的设置是按照十六进制颜色值：#FF83FA</td></tr></table>

背景色的设置是按照十六进制颜色值：#7FFFD4

背景色的设置是按照十六进制颜色值：#FF83FA

三、引用

>这是引用的内容
>>这是引用的内容
>>>>>>>>>>这是引用的内容
>>>>>

四、分割线

三个或者三个以上的 - 或者 * 都可以。

---

---

---

五、图片

![图片alt](图片地址 ''图片title'')

图片alt就是显示在图片下面的文字，相当于对图片内容的解释。
图片title是图片的标题，当鼠标移到图片上时显示的内容。title可加可不加

例如:
![blockchain](https://ss0.bdstatic.com/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/
u=702257389,1274025419&fm=27&gp=0.jpg "区块链")

markdown格式追求的是简单、多平台统一。那么图片的存储就是一个问题，需要用图床，提供统一的外链，这样就不用在不同的平台去处理图片的问题了。才能做到书写一次，各处使用。
关于图床的选择我收集了一篇文章，对网上存在的各种方法做了总结，需要的朋友可以看看。markdown图床

六、超链接

[超链接名](超链接地址 "超链接title")
title可加可不加

简书

百度

Markdown本身语法不支持链接在新页面中打开，开始使用html语音的a标签代替

百度超链接

七、列表

无须列表

用-+*任何一种都可以

• 列表内容

• +列表

• *列表

有序列表

语法：数字加点，注意：序号和内容之间需要有空格

嵌套列表

上一级和下一级之间敲三个空格

• 一级无序列表内容
  • 二级无序列表内容
  • 二级无序列表内容
  • 二级无序列表内容

• 一级无序列表内容
  1. 二级有序列表
  2. 二级有序

1. 一级有序列表内容

   1. 二级有序列表内容
   2. 二级有序列表内容
   3. 二级有序列表内容

2. 一级有序列表内容

   • 二级无序
   • 二级无序

自定义列表

Markdown

:  Text-to-HTML conversion tool

Authors

John

Luke

八、表格

语法：

表头|表头|表头
---|:--:|---:
内容|内容|内容
内容|内容|内容

第二行分割表头和内容。
- 有一个就行，为了对齐，多加了几个
文字默认居左
-两边加：表示文字居中
-右边加：表示文字居右
注：原生的语法两边都要用 | 包起来。此处省略

姓名|技能|排行

–|:–😐–:

刘备|哭|大哥

关于|打|二哥

张飞|骂|三弟

姓名	技能	排行
刘备	哭	大哥
关羽	打	二哥
张飞	骂	三弟

九、代码

语法：
单行代码：代码之间分别用一个反引号包起来
this.form1.Init();
代码块:代码之间分别用三个反引号包起来

public void getUserName(int ID){
	return "Jesson";
}

十、流程图

\\flowchat 加入此标记起作用
st=>start: 开始
op=>operation: 我的操作
cond=>condition: Yes or No?
e=>end
st->op->cond
cond(yes)->e
cond(no)->op

```mermaid
graph TD
A[方形] --> B(圆角)
    B --> C{条件a}
    C --> |a=1| D[结果1]
    C --> |a=2| E[结果2]
    F[竖向流程图]
    ```

十一、高级技巧

支持的HTML元素

不在Markdown涵盖范围之内的标签，都可以直接在文档里面用HTML撰写。

目前支持的HTML元素有：
^{_{等 ，如：}}

使用 <kbd>Ctrl</kbd>+<kbd>Alt</kbd>+<kbd>Del</kbd> 重启电脑

转义

使用反斜杠

**文本加粗** 
\*\* 正常显示星号 \*\*

Markdown 支持以下这些符号前面加上反斜杠来帮助插入普通的符号：

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

公式

使用$符号 或者\(…\)中的数学表达式将会在行内显示
$$…$$或者\[…\]或者```math中的数学表达式将会在块内显示

$f(x) = sin(x) + 12$
$f(x) =sin(x) +12$
$$\sum_{n=1}^{100} n$$

效果：
$f(x)=sin(x)+12$
$f(x)=sin(x)+12$
$$\sum _{n=1}^{100}n$$

$$
\begin{Bmatrix}
   a & b \\
   c & d
\end{Bmatrix}
$$
$$
\begin{CD}
   A @>a>> B \\
@VbVV @AAcA \\
   C @= D
\end{CD}
$$

$$\left\{\begin{array}{cc}a& b\\ c& d\end{array}\right\}$$
KaTeX parse error: No such environment: CD at position 8: \begin{̲C̲D̲}̲ A @>a>> B \…