图片插入基础
在Markdown中插入图片可以使文档更加生动和直观。以下是一些基本的插入图片技巧:
1. 内联图片语法
基本格式:
例子:
这将显示为图片,如果图片无法显示,则会显示替代文字。
2. 参考式图片语法
基本格式:在文档中定义图片:[logo]: https://example.com/logo.png "Markdown"
使用图片:![Markdown Logo][logo]
这种方法允许在文档的不同部分重复使用同一图片,同时保持文档的整洁。
插入本地图片
在Markdown中插入本地图片相对简单,以下是一些步骤:
- 将图片放置在Markdown文档同一目录下的
images
文件夹中。 - 使用以下语法插入图片:

确保图片路径正确,这样图片才能正确显示。
插入网络图片
当需要插入一张来自互联网的图片时,只需提供该图片的有效URL即可:

这种方式不需要上传图片,直接使用网络上的图片资源。
使用图床上传图片
为了使Markdown文件中的图片能够被他人访问,通常的做法是将图片托管在一个公共平台上,比如GitHub:
- 创建一个新的文件夹(如
assets
),并将目标图片放置其中。 - 提交更改并推送此文件夹及其内容到远程仓库。
- 获取图片的在线地址,格式类似于:

图片尺寸调整
Markdown本身不支持直接调整图片尺寸。但你可以通过使用HTML标签来实现:
<img src="https://example.com/logo.png" width="200" height="100">
这允许你自定义图片的宽度和高度。
图片对齐
Markdown不直接支持图片对齐,但可以通过HTML实现:
<img src="https://example.com/logo.png" align="right">
这将使图片右对齐。
使用Typora和PicGo自动化上传图片
如果你使用Typora作为Markdown编辑器,可以结合PicGo来自动化上传图片:
- 安装Typora。
- 创建一个Gitee图床仓库。
- 获取Gitee私人令牌。
- 在Typora中设置图片上传服务为PicGo-Core(command line)。
- 通过PicGo上传图片,Typora会自动将图片转换为在线图片。
通过以上步骤,你可以轻松地在Markdown中插入图片,让你的文档更加生动和吸引人。