Blog-05：Picgo+Gitee图床

背景

最近发现上传到 GitHub 上的图片大部分不能使用了，然后上网查了一下，应该是 DNS 的问题，网上也有很多解决方案，有兴趣的可以去网上找找，本文主要介绍 Picgo + Gitee 做图床。

警告：Gitee 最近不让做图床了，还是赶紧改回去吧，啊啊啊啊啊啊啊！！！！！

Picgo 介绍

picgo 是一款功能实用、操作简捷的图床工具，图床工具简单来说就是本地图片上传自动转换成链接的一款工具。

picgo 本体支持如下图床：

• 七牛图床 v1.0
• 腾讯云 COS v4\v5 版本 v1.1 & v1.5.0
• 又拍云 v1.2.0
• GitHub v1.5.0
• SM.MS V2 v2.3.0-beta.0
• 阿里云 OSS v1.6.0
• Imgur v1.6.0

Tips: 本体不再增加默认的图床支持。你可以自行开发第三方图床插件。

特色功能

• 支持拖拽图片上传
• 支持快捷键上传剪贴板里第一张图片
• Windows 和 macOS 支持右键图片文件通过菜单上传 (v2.1.0+)
• 上传图片后自动复制链接到剪贴板
• 支持自定义复制到剪贴板的链接格式
• 支持修改快捷键，默认快速上传快捷键：command+shift+p（macOS） | control+shift+p（Windows\Linux）
• 支持插件系统，已有插件支持 Gitee、青云等第三方图床

Tips:

• 请确保你安装了 Node.js， 并且版本 >= 8。
• 默认上传图床为 SM.MS。picgo 上传之后，会自动将上传成功的 URL复制到你的剪贴板，支持5种复制格式。
• Mini窗口只支持Windows（圆形）和Linux（方形），macOS可以使用顶部栏图标。（因为Windows和Linux的任务栏不支持拖拽事件）

准备

• nodejs 环境
• picgo 客户端
• picgo 的 Gitee 上传插件
• git、Gitee 账号和一个公开仓库

安装

• nodejs官网 安装

点击链接下载安装 nodejs，安装完成后，查看版本

mac@bogon ~ % node -v
v18.14.2
mac@bogon ~ % npm -v
mac@bogon ~ % npm -v
9.5.0

• 安装 picgo 客户端

picgo安装链接

如果电脑是 Intel 就选 x64，如果电脑是 M1 就选 arm64

• 安装 git

Mac 默认是已经安装好了 git

注册/登录 Gitee 账号

• Gitee 首页按要求自行注册/登录即可

• 新建一个 Gitee 仓库

仓库名：随意，如 Picgo
私有
创建

• 将仓库 开源

由于创建仓库的时候只能 私有，所以此步配置 开源 操作如下：

进入仓库 -> 管理 -> 基本信息 -> 开源（空仓库不允许） -> 保存

• 生成 Token

Token 用于 picgo 操作 Gitee repository：

点击头像 -> 设置 -> 私人令牌 -> 生成新令牌 -> 提交

复制你生成的令牌，只显示一次，再次刷新则看不见了，因此你要保存好

配置 picgo

• 启动 picgo -> 插件设置 -> 搜索 Gitee -> 点击插件图标 安装 即可，本文使用 gitee 2.0.5 插件来进行演示

Tips： 插件装完后，重启生效

配置 Gitee 插件

进入 图床设置 -> gitee， 依次填入相关配置如下所示，填写如下：

• repo： 用户名/仓库名（必填）， bboy-zhang-jian/picgo

• path: 上传路径，仓库里的图片保存路径（非必填）

• token: 私人令牌（必填），刚才保存的 token

• message: 提交消息（非必填）

• path: 上传路径，仓库里的图片保存路径（非必填）

• customPath: 定制路径（非必填）

• customUrl: 图片定制URL（非必填）

将仓库开源

头像 -> 仓库 -> 管理 -> 公开 -> 仓库公开须知全部 勾选

上传图片

• 将图片拖动到 上传区 里
• 快捷键 Ctrl + shift + p

ERROR Plugin load failed: hexo-renderer-scss

mac@bogon Blog % npm install hexo-renderer-scss

出现 Error: Cannot find module ‘node-sass’

mac@bogon Blog % npm install node-sass

不用管了，版本不一致导致的

Github层图床

• 解决GitHub的raw.githubusercontent.com无法连接问题

今天访问 http://raw.githubusercontent.com/ 时，提示无法访问，可能是因为某些众所周知的原因导致 DNS 污染，最终通过修改 host 解决问题。

• 解决方案

查询真实 IP，通过 [IPAddressIPAddress.comss.com) 查询
http://raw.githubusercontent.com/ 的真
实 IP，

• 可知其真实 IP 为 185.199.108.133

• 修改 hosts

CentOS 及 macOS 直接在终端输入

sudo vi /etc/hosts

• 编辑 hosts 文件，新增下列内容

185.199.108.133 raw.githubusercontent.com

• 保存即可

CDN加速

https://gcore.jsdelivr.net/gh/GitHub用户名/仓库名

总结

但是由于 GitHub 和 Gitee 图床要不慢，要不不污染严重，最后考虑花点小钱去 阿里云OSS 存储了