【20220128】 Markdown 笔记总结7 -- 图片

Markdown 图片

语法格式

![属性文本](图片地址)

![属性文本](图片地址 "可选标题")

示例:

点击查看代码
![Baidu](https://www.baidu.com/img/bd_logo1.png)
![Baidu](https://www.baidu.com/img/bd_logo1.png "Baidu")


显示效果:

Baidu
Baidu

即:

  • 开头一个感叹号 !
  • 接着一个方括号,里面放上图片的替代文字
  • 接着一个普通括号,里面放上图片的网址,最后还可以用引号包住并加上选择性的 'title' 属性的文字。

使用图片网站变量

请参考链接区,既 [][] 方式

点击查看代码
这个链接用 1 作为网址变量 [Baidu][1].
[1]:https://www.baidu.com/img/bd_logo1.png


显示效果:
这个链接用 1 作为网址变量 [Baidu][1].
[1]:https://www.baidu.com/img/bd_logo1.png

指定图片高度和宽度

使用<img>便签实现

点击查看代码
<img src="https://www.baidu.com/img/bd_logo1.png" width="50%">


显示效果:

屏幕截图

通过WIN + Shift + S 去截图获取信息是最快的办法:

点击查看代码
![image](https://img2022.cnblogs.com/blog/1755023/202201/1755023-20220128133435761-315299092.png)


显示效果:

image

posted @ 2022-01-28 13:36  霸珏天下  阅读(36)  评论(0编辑  收藏  举报