Markdown入门教程-图片

随笔3周前发布 林夕已逃
29 0 0

如果你知道怎样使用 Markdown 添加链接,那么你也可以添加图片了。添加图片的语法和添加链接的非常相似。

添加图片也有两种方法,就像链接一样,并且渲染出来的结果是一样的。 添加链接和图片的区别仅仅在于前面的感叹号(!)。

第一种图片的格式叫做 内联 图片链接。

创建一个内联的图片链接, 需要输入一个感叹号(!)将方括号([ ])中的描述性文本包裹起来, 然后使用圆括号(( ))包裹链接地址。 (描述性文本是为视障者解释图片短语或者句子的语句。)

例如,展示乐述云享的Logo,你可以这么使用:

  1. ![aleshu_logo](https://cdn.aleshu.com/ickerlab_storages/userid_1/2023-01-13/1673613996_aleshu_logo.png)

你将获得如下所示的图片:

Markdown入门教程-图片

即使添加描述文本并不是必须的,但是描述文本会让你的读者(包括视障读者、使用屏幕阅读器的读者或者网络环境不好的读者)更容易获取你的内容。

对于 全局图片链接 来说,你应该使用同样的标签模式。你应该在标记前添加一个感叹号然后跟两个方括号。

  1. ![aleshu_logo][aleshu_logo_url]
  2. [aleshu_logo_url]: https://cdn.aleshu.com/ickerlab_storages/userid_1/2023-01-13/1673613996_aleshu_logo.png

Markdown入门教程-图片

在乐述云享上传图片不需要自己手动添加标签,直接通过快捷键Ctrl + V即可实现一键上传。

效果和内联图片链接是一样的:

Markdown入门教程-图片

下方为快捷键上传的图片显示效果:

Markdown入门教程-图片

中括号中的图片描述可以自行修改。

快捷键:

  • 上传图片:Ctrl + V

  • 图片语法:Ctrl + Shift + I

菜单栏:

Markdown入门教程-图片

© 版权声明

相关文章

暂无评论

您必须登录才能参与评论!
立即登录
暂无评论...