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://imgconvert.csdnimg.cn/aHR0cHM6Ly9nc3MwLmJhaWR1LmNvbS83UG8zZFNhZ194STRraEdrbzlXVEFuRjZoaHkvemhpZGFvL3BpYy9pdGVtL2I5OTlhOTAxNGMwODZlMDY1YWUzZGRiYzAzMDg3YmY0MGJkMWNiZmEuanBn?x-oss-process=image/format,png)
玩儿个新的花样就是,继续改一下,我要一个小一点儿的老婆可不可以。。。
对图片处理总结一下就是:
- 如果需要改位置就在外部嵌套一个div标签,使得标签居中即可
- 如果需要修改图片的大小,直接在标签中修改width和height
- markdown和HTML中很多语法是通用的
后续图片处理进阶:图片的同行、并列排列,简单存储等