MarkDown入门图片

简介: MarkDown入门图片

Markdown 技能树(5):图片

Markdown 使用一种和链接很相似的语法来标记图片,同样也允许两种样式: 行内和参考。

行内形式图片

行内形式图片的语法格式为![Alt text](/path/to/img.jpg "Optional title"),比如:

![keyboards](https://source.unsplash.com/500x500/?keyboards "好酷的键盘")

参考形式图片

参考形式图片的语法格式为如下:

![Alt text][id]
[id]: url/to/image  "Optional title attribute"

比如:

![Git 课程][git]
[git]: https://ucc.alicdn.com/images/user-upload-01/20210112151738537.jpg

到目前为止, Markdown 还没有办法指定图片的宽高,如果需要的话,可以使用普通的 标签。

<img src="https://ucc.alicdn.com/images/user-upload-01/20210112151738537.jpg" width="300px" height="200px" alt="好好学习">

小结

让我们来回顾一下图片的知识点吧:

  1. 可以使用 ![Alt text](/path/to/img.jpg "Optional title") 的格式添加一个图片
  2. 可以使用 参考样式 的格式添加一个图片,其结构为 ![内容][1] + [1]: image_url "alt 提示" 的组合
目录
相关文章
|
1月前
|
存储 前端开发 JavaScript
🚀前端轻松实现网页内容转换:一键复制、保存图片及生成 Markdown
在现代前端开发中,提升用户的交互体验至关重要。本文将详细介绍如何使用 HTML2Canvas 和 Turndown 两个强大的 JavaScript 库,实现将网页选中文本转化为图片并保存或复制到剪贴板,或将内容转换为 Markdown 格式。文章包含核心代码实现、技术细节和功能拓展方向,为开发者提供了一个轻量级的解决方案,提升用户体验。
134 68
|
21天前
|
程序员
【Markdown速成】半小时入门Markdown教程(后缀.md文件详解)
作为程序员我们经常会看到README.md这种说明文件,以.md为后缀的文件就是我们所说的Markdown的文件。
|
22天前
|
开发工具
用 Vim 编辑 Markdown 时直接粘贴图片
介绍一款 Vim 插件,可以帮助提升编辑 Markdown 时的从剪贴板粘贴图片的效率和体验。
30 2
|
3月前
|
Web App开发 Linux Windows
解决Markdown文件上传至CSDN无法显示本地图片问题-白嫖版,分享给别人的md文件图片不显示的解决方案
解决Markdown文件上传至CSDN无法显示本地图片问题-白嫖版,分享给别人的md文件图片不显示的解决方案
手把手教会你使用Markdown【从入门到精通一篇就够了】
手把手教会你使用Markdown【从入门到精通一篇就够了】
|
前端开发
【前端】从markdown格式文本中提取图片链接
【前端】从markdown格式文本中提取图片链接
142 0
|
小程序 前端开发
微信小程序_自定义markdown的图片点击放大处理
微信小程序_自定义markdown的图片点击放大处理
395 0
|
Python Windows
工具:语雀导出MarkDown文档后图片修复
工具:语雀导出MarkDown文档后图片修复
532 0
|
程序员 Perl
MarkDown入门学习总结教程
我们坚信写作写的是内容,所思所想,而不是花样格式.
143 0
MarkDown入门学习总结教程
markdown插入图片、音频视频
markdown插入图片、音频视频
316 0
markdown插入图片、音频视频