Markdown整合使用网络图片(Markdown优雅的使用图片)

1. Markdown中使用图片的问题

Markdown中使用图片有三种方式：

1. 插入本地图片
2. 插入网络图片
3. 将图片存入Markdown文件中

插入本地图片使用起来非常方便，但分享起来非常困难，将图片存入Markdown文件中，使用时需要进行Base64编码，且Markdown文件较大, 因此我们使用插入网络图片的方式来提高使用体验。

2. Markdown整合使用网络图片

• PicGo(用于快速上传图片并获取图片 URL 链接的工具)，支持多种图床，包括 Github、七牛云、腾讯云等。这里我们使用Gitee码云。

• [PicGo地址](GitHub - Molunerfinn/PicGo: 🚀A simple & beautiful tool for pictures uploading built by vue-cli-electron-builder) 下载链接：GitHub Release 腾讯云COS 山东大学镜像站

• __Typora__是一款简洁而强大的Markdown编辑器。它提供实时预览功能，让用户可以即时查看文档的渲染效果。

• [Typora网站地址](Typora 官方中文站) 下载链接：https://download2.typoraio.cn/windows/typora-setup-x64.exe

• Typora是需要收费的，想要正常使用需要用到一些技术，当然有能力的还是要支持正版。

使用Typora 和 PicGo原理图

• PicGo设置使用

下载后进行安装，打开软件后的样子：

在图床设置里默认不支持Gitee, 因此我们需要到插件设置中手动安装。

安装插件需要使用到Node.js，如果没有安装会提示你安装，安装完成后退出PicGo再进行重新启动。如果软件直接重新启动可能还是找不到node环境。 安装好插件后进行配置：

把设置好的Gitee图床设置为默认图床：

• Typora的设置使用

打开 文件 -> 偏好设置 -> 图像 进行设置

这样我们的截图直接插入到Markdown中就可以直接存储在Gitee上，并且可以自动转为对应的URL了。

参考： GitHub - Molunerfinn/PicGo: 🚀A simple & beautiful tool for pictures uploading built by vue-cli-electron-builder

如何优雅的在Markdown中使用图片 - frendguo - 博客园