使用PicGo+Gitee实现md文档图片上传

本笔记参考于Markdown+Typora使用教程

前言

​ 使用md文档进行记录的时候,经常需要在文档中放入图片,由于文档中的图片基本是放到本地的文件夹中,所以当我们需要将文档发给别人或者发布到网络上时,就会出现获取不到图片。比如在CSDN使用md编辑器导入md文档,并不能导入图片,就可能出现“外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传”的问题

PicGo就是一个快速上传图片并获取图片 URL 链接的工具,搭配gitee即可解决上诉问题

PicGo的安装

PicGo的安装可参考:

PicGo简介及其下载 安装 配置 使用 卸载_徐晓康的博客的博客-CSDN博客

1,Gitee仓库配置

新建gitee仓库

首先要在Gitee官网[工作台 - Gitee.com]注册登录账户

image-20230807000449954

image-20230807000619787

​ 仓库需要设置为开源,但是空仓库无法设置为开源

image-20230807000709291

​ 所以需要在gitee仓库创建一个文件夹,使其不为空仓库

image-20230807000810813

​ 在管理设置其为开源

image-20230807000835946

​ 设置为开源后,返回代码页面,需要为其添加许可证

image-20230807000852923

​ 生成私人令牌

image-20230807001152770

​ 到此gitee的开源仓库配置完成。

2,PicGo配置

插件安装

​ 到插件设置中搜索gitee安装gitee-uploader插件。

image-20230807113139020

​ 安装完成后右键点击图标选择重启应用,重启之后在图床设置中能看到gitee即为安装成功

image-20230807113854958

​ 安装如果失败,可能是因为电脑没有安装node.js环境,可以参考Node.js安装与配置(详细步骤)_node安装_普通网友的博客-CSDN博客

图床设置

​ 填写gitee仓库地址,以及填写Gitee仓库配置时生成的私人令牌

image-20230807114231387

​ 填写path参数,设置存放在gitee仓库的哪个路径下,点击确定,并设置为默认图库

image-20230807114357020

3,Typora配置

​ 打开你的Typora,点击文件偏好设置

image-20230807114519954

​ 在偏好设置中的图像配置,设置插入图片时为上传图片,并,并在上传服务设定中选择PicGo(app)选择其picGo.exe的文件所在路径。

image-20230807114627556

到此,全部配置完成

使用

​ 在使用Typora时,插入或复制图片,则会自动上传到gitee仓库的指定文件下。

​ 上传成功则会弹出如下提示。

image-20230807115116067

​ 图片则会放到仓库中。

image-20230807115242464

​ 如果后续,想将不同文件的图片放到不同的文件夹下,可以先在gitee仓库创建一个文件夹,在PicGo的图床设置中设置其path参数指定所放路径。

GitHub 加速计划 / pi / PicGo
23.59 K
2.2 K
下载
:rocket:A simple & beautiful tool for pictures uploading built by vue-cli-electron-builder
最近提交(Master分支:1 个月前 )
917ec730 - 6 个月前
8e91582a ISSUES CLOSED: #1237 6 个月前
Logo

旨在为数千万中国开发者提供一个无缝且高效的云端环境,以支持学习、使用和贡献开源项目。

更多推荐