picgo免费搭建个人图床

nodejs安装

下载地址:Node.js 中文网

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

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

创建gitee图床

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

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

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

配置仓库

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

设置中心

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

picgo安装配置

下载地址:picgo官网

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

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

安装插件

  1. gitee图床信息配置

配置图床

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

愉快上传

防盗链解决方案

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

目前的解决方案是:

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

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

    类似
    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主页地址和仓库地址是不同的,不要搞混了

GitHub 加速计划 / pi / PicGo
23.59 K
2.2 K
下载
:rocket:A simple & beautiful tool for pictures uploading built by vue-cli-electron-builder
最近提交(Master分支:1 个月前 )
917ec730 - 6 个月前
8e91582a ISSUES CLOSED: #1237 6 个月前
Logo

旨在为数千万中国开发者提供一个无缝且高效的云端环境,以支持学习、使用和贡献开源项目。

更多推荐