Markdown图片技巧

首先可以利用有道云笔记作为图床：先把图片上传到有道云笔记中，然后分享笔记得到连接，进入网页端的笔记后右击图片即可得到图片的网络地址。

1、普通方法

该方法引用图片既可以在博客中显示，也可以在Markdown预览中显示。可为首选方法。

一个感叹号+一个方括号+一个圆括号。

其中方括号为图片在Markdown中的名称，圆括号为图片的网络地址。

1

![图片名称](图片网址)

例子：

2、HTML语法

用html标记语言描述，好处是可以设置图片大小，图注等图片属性。

1
2
3
4

<div align=center>
    <img src=图片网址(双引号括起来)/>
    <center style="font-size:14px;color:#708090">图片属性：图注</center>
</div>

例子：

3、博客图片

用此方法可稳定在博客内显示图片，但是不会在Markdown预览中显示。需先将图片放到博客目录static路径下，在进行引用。先用两个花括号和一个尖括号括起来，然后标签名为figure，再填写引用图片路径src：

例子：