vscode+markdown+PicGo上传图片的坑 2021.12.20

遇到无法加载图片的问题？

可能原因之一：上传的图片以前上传过，再次上传而不改文件名的话，会报错，需要改下文件名。

可能原因之二：文件名带有空格的话，需要以-连接。

可能原因之三：PicGo扩展设置中以下部分，需要用户名/仓库名，注意不能有空格，直接从github复制过来会带空格的！

Picgo › Pic Bed › Github: Repo

Username/Repo. For example, PicGo/Images

 

附：

打开VScode，找到Picgo插件，在插件上“右击-扩展设置”，往下拉，在设置中找到以下属性并修改：

1. "Current"：当前使用图床，修改为github
2. “Github: Repo”：github仓库，设置为用户名/仓库名，如geoli91/ImageHosting
3. “Github: Path”：图片需要存放的文件夹，即图片存放路径为用户名/仓库/path/图片名.png。可选，如果有需要可以设置，如img/
4. “Github: Custom Url”：自定义域名，可以通过设置该项使用CDN加速，如使用jsdelivr加速这可设置为https://cdn.jsdelivr.net/gh/geoli91/ImageHosting，其中结尾为用户名/仓库名。如果不使用CDN加速，则无需修改。
5. “Github: Branch”：分支名，如果仓库只有默认的一个分支，则直接填master即可
6. “Github: Token”：从Github获得的提交token，复制粘贴即可，注意保护好不外泄。

配置jsdelivr CDN加速

将Picgo插件中“Github: Custom Url”自定义域名属性设置为https://cdn.jsdelivr.net/gh/用户名/仓库名开头，如https://cdn.jsdelivr.net/gh/geoli91/ImageHosting即可自动使用jsdelivr 免费CDN加速服务。尤其是2020年开始https://raw.githubusercontent.com被墙之后，更是只有利用CDN才能访问github图床了。