picgo免费搭建个人图床

nodejs安装

下载地址:Node.js 中文网

安装步骤略,值得注意的是,http://npm.taobao.orghttp://registry.npm.taobao.org 域名将于2022年05月31日零时起停止服务,注意及时切换。

1
npm config set registry https://registry.npmmirror.com

创建gitee图床

gitee注册步骤略,值得注意的是gitee作为图床,超过1M的图片,需要登录查看。所以平时上传图片需要控制在1M以内,可以借助TinyPng进行压缩。

  1. 头像左侧加号新建仓库

    新建仓库

  2. 仓库名称随意,路径与名称一致,gitee只能新建私有仓库,需要新建成功后修改为开源仓库

    配置仓库

  3. 生成个人访问令牌,要及时记录下来,刷新后就不可查看了

    设置中心

  4. 至此创建完毕,图床相关信息在picgo软件配置中使用

picgo安装配置

下载地址:picgo官网

软件安装步骤略,配置如下

  1. 安装gitee上传插件gitee-uploader

    安装插件

  2. gitee图床信息配置

    配置图床

  3. 至此就可以愉快上传了,上传成功图片url会自动复制

    愉快上传

防盗链解决方案

2022.03.26,gitee开启了防盗链,gitee以外站点访问图片将无法显示。

目前的解决方案是:

  1. 对你的仓库开启Gitee Pages服务,将picgo的customUrl配置为Gitee Pages主页,这样自动复制出来的url才是正确的,例如我的是http://xiguapengpeng.gitee.io/imgtu

  2. 然后搭配Gitee Pages主页url来修改你之前用过的图片url,如下;

    1
    2
    3
    4
    类似
    https://gitee.com/xiguapengpeng/imgtu/raw/master/blog/index_bg.jpg
    改为
    http://xiguapengpeng.gitee.io/imgtu/blog/index_bg.jpg
  3. 最重要的一点,必须去Gitee Pages主页点击更新按钮才会使图片生效。

注意:Gitee Pages主页地址和仓库地址是不同的,不要搞混了