Markdown使用笔记（二）——进阶之图像

Markdown中图像的插入与编辑

1. 基础语法

基本语法：
![Alt text](图片链接 "optional title")

其中Alt text指的是在没有加载图片的时候显示的图片
“optional title”是当鼠标聚焦在图片上显示的文字

2. 插入本地图片

插入本地的图片，需要明确本地图片的位置，当本地文件的地址、名称变化，图片很有可能显示不出来，不利于分享，存在很大的丢失可能性

基本语法：
![avatar](http://baidu.com/pic/doge.png)

其中圆括号内的是图片的地址，可以是相对路径也可以是绝对路径

3. 插入网络图片

图片依赖服务器，需要保证图片网址的可用性和服务器的稳定性等。

基本语法：
![avatar](http://baidu.com/pic/doge.png)

例子：
![炮姐](https://i-blog.csdnimg.cn/blog_migrate/6230e97439153184664f85d1cf58ef00.png)

4. 转存图片到markdown中

Markdown中转存图片是比较麻烦的，使用base64工具将图片转换为字符串，然后可以将字符串放到上述的圆括号中（我觉得挺麻烦的，个人做笔记不太实用就不仔细探究了，如果有需要可以参照MarkDown添加图片的三种方式）

5. 图片设计

对图片进行设计可以考虑使用HTML语句或类似的标签进行设置

原图：

当前是靠左（默认）显示，将其换为居中显示？

这就是一段简单的HTML代码格式，将图片放在了img标签之中，外层嵌套了一个div
<div align=center>
<img src="https://i-blog.csdnimg.cn/blog_migrate/50e214027a04a4c1a1fa0be04088068f.png">
</div>

玩儿个新的花样就是，继续改一下，我要一个小一点儿的老婆可不可以。。。

<div align=center>
<img width='150px' height='250px' src="https://i-blog.csdnimg.cn/blog_migrate/50e214027a04a4c1a1fa0be04088068f.png">
</div>

对图片处理总结一下就是：

1. 如果需要改位置就在外部嵌套一个div标签，使得标签居中即可
2. 如果需要修改图片的大小，直接在标签中修改width和height
3. markdown和HTML中很多语法是通用的

后续图片处理进阶：图片的同行、并列排列，简单存储等