千灵

Back

语法![Alt text](url "optional title")

  • Alt text:图片文字描述,在图片加载失败时显示,可被搜索引擎抓取。
  • url:可以是本地相对路径、绝对路径、网络 URL 或 Base64 编码数据。
  • "optional title":鼠标悬置于图片上会出现的标题文字,可以不写。

使用场景

  1. 插入本地图片

用于本地预览。

例如:

![avatar](/user/desktop/doge.webp)
markdown
  1. 插入网络图片

用于线上发布,需将图片上传至图床(如GitHub、阿里云 OSS 等)。

例如:

![avatar](http://baidu.com/pic/doge.webp)
markdown
  1. 把图片存入 markdown 文件(Base64 转码)

如果不希望依赖外部服务器,也不想携带本地图片文件,可将图片转为 Base64 字符串,内嵌到 Markdown 文件中。

![avatar](data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVR42mNk+M9QDwADhgGAWjR9awAAAABJRU5ErkJggg==)
markdown
Markdown 插入图片方法
https://qianling.pw/markdown-inserts-picture/
Author 千灵
Published at April 26, 2017
Comment seems to stuck. Try to refresh?✨