Markdown基础使用

标题的使用

---

标题与html的有点类似, 有6种格式的标题写法

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

例子:

一级标题

二级标题

三级标题

四级标题

五级标题

六级标题

另外针对标题1和标题2还有特殊的写法

标题1  在标题下面使用===生成1号标题
===

标题2  在标题下面使用---生成2号标题
---

例子:

标题1

标题2

段落的使用

直接写一行就是一个段落

<br>可以拆分段落,与回车换行感觉没什么区别
<p>这个才是拆分段落的明显标识, 在显示上可以明显看到段落间多了一行空白符

例子

这是一个段落一
这是一个使用标签拆分段落的情况,跟正常回车没什么区别

段落分隔,这是一个段落二

使用开头缩进

  表示缩进1个空格

例子

这是一个段落
  开头缩进,看来不能很好支持.
又是一个段落

如果序号缩进的情况

- 这种情况下面应该如何不让其缩进呢

• 这种情况下面应该如何不让其缩进呢
  换行也不行.需要中间再隔一空行

请看这个效果,与上面的序号不一样了.

删除线

删除线的写法:  ~~~内容~~~ 

例子:

删除线

下划线

下划线, markdown并没有支持下划线,但是可以使用html的标签<u>来实现,一般markdown解释器都可以解释

下划线

换行

使用<br>换行, 直接回车也是换行
使用<p>换段落

例子

这是一个段落一
这是一个使用标签拆分段落的情况,跟正常回车没什么区别

段落分隔,这是一个段落二

列表

1. 一级列表1
   - 二级列表1
   - 二级列表2
2. 一级列表2
   - 二级列表3
   - 二级列表4
   * 二级列表5

1. 一级列表1
   • 二级列表1
   • 二级列表2
2. 一级列表2
   • 二级列表3
   • 二级列表4
   • 二级列表5

无序列表

- 苹果
* 香蕉
+ apple 
具体是实心圆,还是空心圆,好像不能自己控制

例子

• 苹果

• 香蕉

• apple

有充列表

1. apple
2. cat
3. dog

例子

1. 苹果
2. 香蕉
3. apple

缩进列表

没有列表符号,直接缩进,不过感觉行距比较大

动物
: 猫
: 狗
: 牛

例子

动物

猫

狗

牛

引用

又叫区块

> 这是一个引用 

例子

这是一个引用

例子

层次一

层次二
层次二

层次三
层次三

代码块

使用三个```来表示代码块

例子

这个一个代码块

字体

**粗体** : 使用两个*表示粗体  
*斜体*  : 使用1个*表示斜体
还可以使用css来实现颜色: <span style="color:red">红色</span>

例子

粗体
斜体
蓝色

分隔线

可以使用---来表示分隔线

例子

---

超链接

使用下面的格式可以表示一个超链接
[显示内容](链接地址)  

例子

百度

引用图片

引用图片与超链接的区别,就是在超链接的格式中添加感叹号!到开头
![落日](111.jpeg) 
图片可以是超链接的形式,也可以是本地图片

例子

是可以直接引用本地图片,就是不知道可不可以缩放
发现没有效果,使用css显示就可以

带链接的图片

[![落日](111.jpeg)](https://baidu.com) 

例子

带title的图片

![落日](111.jpeg "这是一个风景图")  

例子

鼠标放图片上会显示出文字

emoji表情

这里面包含很多emoji表情,需要自己去查一下
具体可以到网站上去查看: emoji表情

使用两个:号来表示emoji表情
:smiley: 
:joy: 

例子

😄
😊
😃
😂

内嵌HTML

可以直接在markdown里面插入html代码
<form>
    <div>
        <label>用户名:</label><input type="text" placeholder="请输入用户名"/>
    </div>
</form>

例子

用户名:

表格

重点是表格可以混入其他用法
|左对齐|中间对齐|右对齐|  
|:---|:---:|---:|  
|张三|123|10086| 

|用户名|密码|号码|  
|---|---|---|  
|**粗体**|*斜体*|<span style="color:red">带颜色的字</span>|
|`行内代码`|[超链接](wwww.baidu.com)|:cat:|  

例子

用户名	密码	号码
张三	123	10086

例子

左对齐	中间对齐	右对齐
张三	123	10086

例子

用户名	密码	号码
粗体	斜体	带颜色的字
行内代码	超链接	🐱

注脚

注脚就是对某个词进行说明,可以跳转,一般注脚内容放到最后面.

注脚的格式
[^注脚]:这是注脚内容  
引用注脚
[^注脚]

例子

例子

引用注脚: 看能不能跳到那里啦. ^[1]

公式

公式其实可以单独拉出一部讲了,因为里面包含内容很多,暂时没找到好的教程

行内公式

$a^2 = b^2 + c^2$ 

例子

$a^2 = b^2 + c^2$

块公式

$$
f(x)=\int_{-\infty}^\infty
\hat{f}(\xi)\,e^{2 \pi i \xi x}\,d\xi
$$

例子

$$f(x)=\int_{-\infty}^\infty \hat{f}(\xi)\,e^{2 \pi i \xi x}\,d\xi$$

图表

这里使用mermaid插件,具体可以去了解一下,这也是可以单独拉出来讲一大堆内容的.

    ```mermaid
    flowchart LR
    A[直角矩形] -->|链接文本|B(圆角矩形)
    B --> C{选择}
    C --> |1| D[结果一]
    C --> |2| E[结果二]
    ``` 

例子

注释

不进行显示的内容

<!-- 注释内容-->
<?这是一个注释>  

例子

下面的注释内容不显示

---

1. 这是注脚内容 ↩︎