markdown中的技巧积累

图片插入技术

常见的图片插入时使用以下代码

![image name](src url)

但是上述代码只能展示图片，无法对图片添加描述(caption)。为解决该问题，记录了以下方便的方法（方法有很多，但是使用<center></center>标签的方法会遇到图片小时，图片和caption都位于同一行的问题）。参考[这里][https://towardsdev.com/3-ways-to-add-a-caption-to-an-image-using-markdown-f2ca30562be6]

figure标签法

<figure>
<img src="https://images.unsplash.com/photo-1549740425-5e9ed4d8cd34?ixlib=rb-1.2.1&ixid=MXwxMjA3fDB8MHxjb2xsZWN0aW9uLXBhZ2V8MXwzOTU0NTB8fGVufDB8fHw%3D&w=1000&q=80" alt="Trulli" style="width:100%">
<figcaption align = "center"><b>Fig.1 - 4K Mountains Wallpaper</b></figcaption>
</figure>

效果如下：

Fig.1 - 4K Mountains Wallpaper

Markdown表格法

如果由排列多张图的需求，表格就很合适了。代码如下

# 效果图1
| ![space-1.jpg](https://blog-assets.thedyrt.com/uploads/2019/01/shutterstock_1033306540-1.jpg) |
|:--:|
| <b>Image Credits - Fig.2 - 4K Mountains Wallpaper</b>|

# 效果图2
| ![space-1.jpg](https://blog-assets.thedyrt.com/uploads/2019/01/shutterstock_1033306540-1.jpg) | ![space-1.jpg](https://blog-assets.thedyrt.com/uploads/2019/01/shutterstock_1033306540-1.jpg) |
|:--:|:--:|
| <b>Image Credits - Fig.2 - 4K Mountains Wallpaper</b>|

效果如下所示

Image Credits - Fig.2 - 4K Mountains Wallpaper

Image Credits - Fig.2 - 4K Mountains Wallpaper

带字体颜色、大小

我是红色

<font color=red>我是红色</font>

我是尺寸

<font size=5>我是尺寸</font>

具有合并功能表格

可使用http://www.tablesgenerator.com/markdown_tables方法

法1

no	c1	c2	c3
a1
b1	2	2	2
c1	3	3	3
d1	4	4	4

法2

	CG			GD
	error	residual	runtime	error	residual	runtime
k=5000
k=10000
k=50000