Gitee 使用 302 重定向防盗链，导致图片无法正常显示，请使用 Github + jsdelivr 代替

效果展示

图片来源：https://whvn.cc/z8dg9y

存储地址：gitee/im0o/photobed github/jz0ojiang/image 图库迁移至 Private 仓库

开始

安装PicGo

从 Github Releases 下载 PicGo 安装包

Releases · Molunerfinn/PicGo (github.com)

PicGo官网：PicGo (molunerfinn.com)

应用，功能截图
注意

请确保你安装了 Node.js， 并且版本 >= 8。

默认上传图床为SM.MS。PicGo上传之后，会自动将上传成功的URL复制到你的剪贴板，支持5种复制格式。

使用方法

  1. 直接在主窗口上传区域拖拽图片上传。
  2. 直接在主窗口上传区域点击，然后弹出文件浏览器后选择图片上传。
  3. 可以将图片复制到剪贴板，然后点击剪贴板图片上传按钮来上传。

使用 Gitee+PicGo

  • 优点：
    • 国内访问速度快
  • 缺点：
    • 图片文件不能大于1MB

安装 PicGo 插件

在 PicGo → 插件设置中搜索 gitee 关键词，安装对应插件，此处使用的是 gitee-uploader 1.1.2

新建码云仓库

我们需要在 Gitee 建立一个仓库作为图片存放的地点。

点击网页右上角的+号，新建仓库

image-20211019194307509

新建仓库后，按照以下方式进行配置：

  1. 将仓库设置为开源仓库
  2. 勾选设置模板—— Readme 文件

image-20211019194645227

确认无误后即可点击创建，创建仓库作为图床存放图片。

获取私人令牌(Token)

后续对 PicGo 的配置中将使用到码云的私人令牌，通过以下步骤获取私人令牌(Token)。

  1. 从头像的下拉菜单中进入设置。

    image-20211019195024090

  2. 在侧边栏中找到私人令牌，点击进入其设置页面。

    image-20211019195159338

  3. 点击生成新令牌，并按照下图配置权限。

    image-20211019195257419

  4. 配置描述后提交令牌生成。

    image-20211019195409922

    需注意：私人令牌只有在生成的时候明文显示一次，建议妥善保存私人令牌。丢了或者忘了就得重新生成一个了。

配置PicGo

安装完成后，点击图床设置 → gitee 进行 Gitee 仓库的配置。

你可以在 PicGo 设置中关闭不需要的图床

  • repo：用户名/仓库名称，示例中的值应填为 im0o/image，你可以在仓库的详情页面的链接上找到。

  • branch：分支，默认填 master，为详情页中显示的分支。

    image-20211019200139194

  • token：填写刚刚获取到的私人令牌

  • path：路径，留空则在根目录上传文件
  • customPath：默认 default 即可
  • customUrl：留空即可

配置完毕后即可开始上传图片使用了。需要注意的是：Gitee 大于1M的图片文件需要登录后查看，所以如果是过大的文件可以尝试图片压缩，或更换图床等。

使用 Github + PicGo

  • 缺点：国内访问速度慢
  • 相比于 Gitee：没有大小限制

新建 Github 仓库

我们需要在Github建立一个仓库作为图片存放的地点。

点击网页右上角的+号，New Repository 新建仓库

image-20211019202649067

新建仓库后，按照以下方式进行配置：

  1. 输入一个仓库名称
  2. 设置仓库为 Public 模式（开源仓库）
  3. 勾选 Add a README file，生成Readme文件（将自动新建一条名为main的分支）
  4. 点击 Create repository 新建仓库

image-20211019202953399

获取 Personal access token

后续对PicGo的配置中将使用到Github的 Personal Access Token，通过以下步骤生成Token。

  1. 点击页面右上角的头像 → Settings 进入设置页面

image-20211019203418269

  1. 在侧边栏中找到 Developer settings 点击进入设置页面，点击页面侧边栏中的 Personal access tokens 进入token配置页面。

image-20211019203403252

image-20211019203634589

  1. 点击 Generate new token 按钮，验证密码后按照下图配置生成token。

    注意：Expiration 为token有效时间，请妥善保管好所有有限时间为无限（不过期）的token，以保护信息安全。

    • 填写Token描述

    • 设置截止时间为 No expiration（不截止）

      （不安全，请妥善保管好所有不会过期的token）

    • 勾选 repo 复选框

    image-20211019203936889

  2. 配置提交后 token 生成。

    • 妥善保管好生成的 token，这段字符串只会显示这么一次！

    image-20211019204211125

配置 PicGo

image-20211019203032722

  • 仓库名：填写 用户名/仓库名，例子 jz0ojiang/imagetest
  • 分支名：默认填写 main
  • Token：填写刚刚生成的 Personal access token
  • 存储路径：留空则存放在仓库根目录
  • 域名：将域名栏内填入 https://raw.githubusercontent.com/[用户名]/[仓库名]/main

你可以在自定义域名内填入 https://cdn.jsdelivr.net/gh/[用户名]/[仓库名]@[分支(默认main)]使用jsdelivr的CDN加速服务

配置完毕后即可开始上传图片使用了。

Typora 与 PicGo 的联动

在Typora → 偏好设置 → 图像中，可以设置上传服务为PicGo app。将路径设置为PicGo程序所在的位置即可。

image-20211020091600051

需要注意的是，在设置好 PicGo 路径后需要点击 验证图片上传选项 进行测试。若测试端口与 PicGo 的 Server 端口不同，需要前往 PicGo 进行设置。

image-20211020092038044

在Typora中的测试端口为 36677，则需要前往 PicGo 的 Server 设置进行设置端口为 36677。

image-20211020092247581

设置成功后即可重新验证，成功连接上传后就会反馈验证成功字样。

接下来你就可以在 Typora 中直接粘贴本地图片，然后右键图片，点击上传图片，即可自动将本地图片上传至设置好的图床上，并且一键替换 Typora 中的链接为外链。

image-20211020091740405