Markdown 用法总结

1. 插入图片

Markdown中插入图片的语法为：

方法1：![图片说明](图片路径)
方法2： <img src="图片路径" width = "300" height = "200">

1）主要分为网络图片和本地图片

其中网络图片可以直接写入网址即可，而插入本地图片可以分为绝对路径和相对路径，
由于绝对路径在不同的环境下容易无法显示，因此一般使用相对路径。
在使用相对路径时，由于Markdown的限制，无法引用 .md 文件所在目录的上一层目录中的图片，只能引用该文件所在目录或子目录中的图片。
如 .md 文件所在路径为：/Tmp/project/my.md 其引用的图片如果使用相对路径，则不能位于其上一层目录 /Tmp/Images/中，应位于其同一目录或子目录下，如：/Tmp/project/*

![图片说明](./Images/img01.png)  
<img src="./Images/img01.png">  

效果如下图：

2）控制图片的大小
控制图片的大小一般使用 HTML的 <img> 语法：

1. 设置图片的宽和高像素值： <img src="图片路径" width = 300 height = 200>
2. 设置缩放的比例：<img src="图片路径" width = 60%>

3）设置图片的位置
一般通过 <div> 和 align属性来进行控制图片的位置，如: left, center, right 等
如：

<div align=center>
  <img src="./Images/img01.png" width=30%>
  <img src="./Images/img01.png" width=30%>
</div>

---

2. 设置字体颜色和大小

<font face="Times New Roman" color=red size=6>TCP/IP 测试字体</font> 
<font face="Times New Roman" color=blue size=4>TCP/IP 测试字体</font>

效果如下：
TCP/IP 测试字体

TCP/IP 测试字体

---

3. 设置内容折叠

<details> <summary>Content Title</summary>
contents ...
</details>

效果如下：

Content Title

contents ...

---

参考资料：
Markdown 语法・简明版
Markdown中的表情