PicGo+Typora+Gitee(码云)实现Markdown图床

1. 初衷

最近在用博客园写文章时,感觉自带的编辑器不符合自己的使用习惯,还是在本地用Tpyora写的比较顺手。但是用Typora上传的图片是保存在本地的,每次把文章复制到博客园,都要花费不少时间把图片另外传上去,搞得人很抓狂。

后面在网上找了个解决方案,用Gitee+PicGo+Typora实现一个私人图床,把图片存到Gitee仓库(不用github的原因是太慢了),这样就可以在本地写文章,写好后再复制到博客园里啦。

2. 需要准备的工具和环境

  • Typora:简洁好用的markdown编辑器
  • Gitee(码云):基于Git的代码托管平台,我们需要在上面创建一个仓库来保存图片
  • PicGo:图床工具,能将图片上传到指定的图床,然后返回markdown链接,直接粘贴到文档中

Typora大家自己到官网上安装就好了,这里主要讲PicGo和Gitee的对接

2.1 Gitee创建图床仓库

创建仓库步骤如下:

image-20201014161722364

2.2 安装PicGo

首先下载PicGo安装包 点此下载 ,提取码:sat6

安装之后打开主界面

image-20201014160254140

然后选择插件设置,搜索gitee

image-20201014160422057

这里我选的是左边的gitee 2.0.3来安装,需要注意的是:

必须先安装node.js才能安装插件,关于node.js的安装(安装后需重启计算机)我就不再赘述了。

2.3 PicGo配置Gitee图床

在PicGo主界面选择图床设置下的Gitee图床

image-20201014162429054

配置参数解析:

  • owner:Gitee(码云)账号名
  • repo:Gitee(码云)仓库名
  • path:要存储的图片目录路径
  • token:Gitee(码云)的个人令牌
  • message :push提交信息

填写完成后点击确定,设为默认图床

2.4 配置Typora自动上传到PicGo图床

打开typora,点开左上角文件,选择偏好设置,然后选择图像,按照下图配置

image-20201014163415868

  1. 设置插入图片时为【上传图片】
  2. 勾选【对本地位置的图片应用上述规则】
  3. 在上传服务中选择“PicGo(app)”
  4. 在路径中选择安装PicGo目录下的可执行文件PicGo.exe

完成上述操作后,就可以把图片拖动到Typora,然后自动上传到Gitee仓库啦。

2.5 Typora上传图片可能遇到的问题

2.5.1 Failed to fetch

上传图片时,弹出下图错误信息

aHR0cHM6Ly9naXRlZS5jb20vbGVvbkc3L2Jsb2dJbWFnZS9yYXcvbWFzdGVyL2ltZy8yMDIwMDMxODE0NDc0NC5wbmc

打开PicGo日志文件,查看错误原因

image-20201014164830912

日志文件提示端口繁忙

image-20201014165645604

我们把端口改成PicGo官方推荐的端口号36677,如果还报错,检查一下有没有打开多个PicGo程序,关掉多余的然后修改端口为36677即可。

image-20201014165812685

2.5.2

20201014170455

查看日志后发现是文件重名,在PicGo设置那里把 时间戳重命名 开关打开

image-20201014170647316

posted @ 2020-10-14 17:13  渺渺孤烟起  阅读(326)  评论(0)    收藏  举报