type
Post
status
Published
date
Oct 22, 2022
slug
picgo
summary
使用GitHub搭建图床并使用免费的CDN加速,使用PicGo工具进行图床管理
tags
建站
图床
CDN
PicGo
category
技术分享
icon
password
Property
Oct 25, 2022 05:02 PM
项目地址:
Molunerfinn/PicGo

一、在github创建新仓库并生成token

前提:需要自己有一个github账号并已经完成github的登录

1、新建一个仓库并设置仓库名称

notion image
比如我就将我的仓库命名为picture,然后点击创建
notion image
此处设置有误,应该将仓库设置为public,否则图片链接后面会带token
💡
如何将Private仓库设置成Public
进入仓库- Settings - General
notion image
将页面拖到最下面,按如下操作就可以了
notion image

2、生成一个token

在浏览器输入下面的链接并生成token
notion image
在Note中输入token的用途,Expiration中选择token过期时间,我这里选择永不过期
notion image
注意:这个token生成后只会显示一次!你要把这个token复制一下存到其他地方以备以后要用。
notion image

二、配置PicGo

1、下载PicGo程序

可以去GitHub上下载
也可以去PicGo官网下载
根据自己客户端下载最新版即可。

2、安装PicGo程序

因为我是macOS客户端,只需要直接拖动到应用程序文件夹就安装成功了。Windows根据提示安装就可以了。
notion image

3、配置PicGo程序

打开PicGo在状态栏会有一个PicGo的图标,选择打开主窗口进入程序配置界面
notion image
选择图床设置-GitHub,并提示对应的信息,分支名默认选择master就行了,最好点击确定、设为默认图床就OK了。自定义域名填入免费的cdn加速服务jsdeliver的域名,域名规则为
https://cdn.jsdelivr.net/gh/你的GitHub用户名/仓库名
notion image

三、使用PicGO

我们测试一下是否配置成功,点击上传区,按提示拖拽图片或者点击上传,等待进度条完成
notion image
不幸的是,我这边网络不能直接访问GitHub导致上传失败,需要对程序进行网络代理设置
notion image

1、代理设置

我使用的是ClashX客户端,打开程序面板可以看到混合代理端口为7890
notion image
在PicGo中进行代理设置
notion image
将上传代理设置为http://127.0.0.1:7890,并将插件安装镜像设置为https://registry.npm.taobao.org/
notion image

2、再次进行上传

再次进行上传,现在已经提示上传成功,并自动将图片网址复制在系统的粘贴板
https://cdn.jsdelivr.net/gh/FuKun0113/picture/test/20221022134257.png
notion image
我们将链接复制到浏览器中打开,可以直接查看图片
notion image
我们再次打开GitHub仓库,发现图片已经安安静静地躺在那了。
notion image

四、插件安装

使用compress插件在图片上传前进行压缩,减小图片大小并加快图片的访问速度。
插件GitHub项目

1、在PicGo中搜索compress,选择并安装。

notion image

2、配置compress

点击插件右下角的小齿轮进行配置
notion image
可根据项目的描述选择压缩方式,然后点击确定。
notion image
此时就可以完成图片的压缩上传了。
 
Canva团队高级版技术指导HTML学习笔记