原创

Gitee+PicGo搭建图床


不知为何,之前搭建的Github图床,最近上传的图片移动端不显示,那就干脆换Gitee吧,还省了CDN了。

1. 创建Gitee图床仓库

1)注册Gitee

Gitee官网地址:https://gitee.com/,全中文页面,就不多说了。

2)创建仓库

登录后,点击页面右上角的+号,选择新建仓库;

GiteePicGo01

新建仓库的要点如下:

  1. 输入一个仓库名称
  2. 其次将仓库设为公开
  3. 勾选使用Readme文件初始化这个仓库

这个选项勾上,这样码云会自动给你的仓库建立master分支,这点很重要!!! 我因为这点折腾了很久,因为使用Github做图床Picgo好像会自动帮你生成master分支,而Picgo里的Gitee插件不会帮你自动生成分支。

GiteePicGo02

点击创建按钮完成图床仓库的创建。

2. 安装配置Picgo

1)下载Picgo

Picgo下载地址:https://github.com/Molunerfinn/picgo/releases

选择最新的不带beta版本下载即可。

2)安装Gitee插件

打开Picgo,选择左侧工具栏的插件设置,搜索Gitee:

GiteePicGo03

点击右边的Gitee-uploader 1.1.2开始安装,这里注意一下,必须要先安装node.js才能安装插件,没装的自己装一下,然后重启就行。

3)配置Picgo

安装Gitee插件后,你会发现左侧工具栏的图床设置下增加了Gitee选项,选中Gitee,开始进行图床上传设置:

GiteePicGo04

  • repo:用户名/仓库名称,比如我自己的仓库leejean0512/blogImage,也可以直接复制仓库的url

    GiteePicGo05

  • branch:分支,这里写上master

  • token:填入码云的私人令牌
  • path:路径,一般写上img
  • customPath:提交消息,这一项和下一项customURL都不用填。在提交到码云后,会显示提交消息,插件默认提交的是 Upload 图片名 by Picgo - 时间

这个token怎么获取,下面登录进自己的码云

点击头像,进入设置

GiteePicGo06

找到右边安全设置里面的私人令牌

GiteePicGo07

点击生成新令牌,把projects这一项勾上,其他的不用勾,然后提交

GiteePicGo08

这里需要验证一下密码,验证密码之后会出来一串数字,这一串数字就是你的token,将这串数字复制到刚才的配置里面去。

GiteePicGo09

注意:这个令牌只会明文显示一次,建议在配置插件的时候再来生成令牌,直接复制进去,搞丢了又要重新生成一个。

现在保存你刚才的配置,然后将它设置为默认图床,大功告成。

3. 配合Typora使用

Typora是一款简洁又好用的Markdown编辑器,和Picgo配合使用可以在编写文章时实现图片插入或拖拽自动上传,使用起来相当方便,Typora下载地址:https://typora.io/

打开Typora,点击左上角文件->偏好设施->图像,开始配置Picgo上传选项:

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

GiteePicGo10

点击下面的验证图片上传选项,显示上传成功表示配置成功。上传的方法也很简单,将图片复制进去Typora就会自动帮你上传了,你也可以右键点击上传图片。

4. 上传错误排查

1)Failed to fetch

GiteePicGo11

这个错误一般是由端口设置错误造成的,打开Picgo的log文件。错误提示是端口繁忙。
GiteePicGo12

解决方法:打开Picgo设置,点击设置Server选项,将端口改为36677端口,这是Picgo推荐的默认端口号。

GiteePicGo13

不过有时依然会出现Failed to fetch错误,打开端口设置一看,发现端口变成366771。

问题在于端口冲突,如果你打开了多个Picgo程序,就会端口冲突,Picgo自动帮你把36677端口改为366771端口,导致错误。log文件里也写得很清楚。

GiteePicGo14

解决方法先把Picgo中的端口设置改回36677,然后退出所有Picgo程序,再使用Typora上传功能(会自动启动Picgo程序)。

2){“success”,false}

GiteePicGo15
这个错误相信也有很多小伙伴遇到了,原因是文件名冲突了,如果你上传过一张image1.jpg的图片,再上传名称一样的图片就会失败,log日志文件中也能找到记录。

GiteePicGo16

办法也很简单,打开Picgo设置,将【时间戳重命名】打开。如图所示:
GiteePicGo17

再次上传文件,上传成功~

目前遇到的问题总结如上,如果还有其他问题,相信可以从log文件中发现端倪:

GiteePicGo18

正文到此结束