Github+PicGo+jsdelivr 搭建免费图床

简介: Github+PicGo+jsdelivr 搭建免费图床

创建github仓库


  • 新建仓库:github右上角,点击+,创建

微信图片_20220512224734.png


  • 填写仓库信息,注意:仓库必须设置为public,不然只能存储,不能外部访问


微信图片_20220512224902.png


  • 创建token:点击github头像,选择settings

微信图片_20220512225042.png

选择左边菜单最下面的 developer settings

微信图片_20220512225232.png

选择Personal access tokens

微信图片_20220512225346.png点击generate new token,输入note,并勾选repo后,直接拉到底部,点击generate token

微信图片_20220512225444.png

微信图片_20220512225603.png


拷贝生成的token,最好是备份一下,只能看到一次微信图片_20220512225719.png

picGo客户端设置


下载地址:github地址

配置:

微信图片_20220512225947.png


  • 仓库名:[username]/[仓库名]
  • 分支名:默认是master
  • token:之前拷贝那串字符
  • 路径:自定义,例如 img/ ,上传的图片就放在img文件夹中
  • 自定义域名:https://raw.githubusercontent.com/[username]/[仓库名]/master

配置jsDelivr--cdn加速


  • 在github的仓库中选择release

微信图片_20220512230232.png

选择 draf new release

微信图片_20220512230340.png

  • 填写版本号,例如v1.0、相关描述,点击生成即可
  • 通过jsdelivr访问
https://cdn.jsdelivr.net/gh/<github账号>/<仓库名称>@<版本号>/<文件路径>/<文件名>
不输入版本号默认访问最新版本
例如:
https://raw.githubusercontent.com/chenjialin1016/ImageCloud/master/blog_files/img/PicGo_Github-PicBed/27A24F83-16F8-4B9D-A0BE-D31867163D1D.png
改为
https://cdn.jsdelivr.net/gh/chenjialin1016/ImageCloud@v1.0/blog_files/img/PicGo_Github-PicBed/27A24F83-16F8-4B9D-A0BE-D31867163D1D.png

每次上传后,都需要配置release,才可以使用cdn访问

相关实践学习
Serverless极速搭建Hexo博客
本场景介绍如何使用阿里云函数计算服务命令行工具快速搭建一个Hexo博客。
相关文章
|
16天前
|
JSON 缓存 JavaScript
使用 jsDelivr 免费加速 GitHub Pages 博客的静态资源(二)
使用 jsDelivr 加速 GitHub Pages 的图片资源和动态编译的 JSON 资源。
17 2
|
2月前
|
Windows
github图床链接打开提示raw.githubusercontent.com无法访问解决
picgo上传图片不显示,到GitHub打开也不显示图片,粘贴链接访问提示“raw.githubusercontent.com无法访问”,百度搜索后修改了下hosts解决了。
515 2
github图床链接打开提示raw.githubusercontent.com无法访问解决
|
1月前
|
JavaScript Linux Windows
Typora图床配置(用自带的 PicGo-Core(command line) 插件GitHub
Typora图床配置(用自带的 PicGo-Core(command line) 插件GitHub
|
18天前
|
Windows
github图床链接打开提示raw.githubusercontent.com无法访问解决
github图床链接打开提示raw.githubusercontent.com无法访问解决
28 0
|
3月前
|
前端开发 JavaScript 开发工具
使用jsDelivr和GitHub,上传本地静态资源到免费CDN
本文介绍了一种将本地图片和静态资源(如 js、css、文档等)上传至免费CDN的方法,便于随时调用。具体步骤包括:在GitHub创建仓库`resources`存放资源;通过上传或Git命令同步文件;在仓库中创建新版本并发布。之后即可通过指定格式的URL访问这些CDN资源。此方法简单高效,适合开发者快速部署和共享静态内容。
116 2
使用jsDelivr和GitHub,上传本地静态资源到免费CDN
|
3月前
PicGo——利用PicGo和GitHub搭建免费图床提供给Typecho使用
PicGo——利用PicGo和GitHub搭建免费图床提供给Typecho使用
26 0
|
5月前
|
Linux
Typore+PicGo+GitHub图床搭建
Typore+PicGo+GitHub图床搭建
34 1
|
5月前
|
存储 前端开发 对象存储
基于jsDelivr+Github给网站如何换个漂亮的字体。
本文介绍了如何为博客自定义字体。首先,从免费字体网站(如100字体下载站)下载字体,然后使用在线工具(如fontformat.com)转换字体格式为eot, woff, woff2, svg和ttf。接着,将字体文件上传至GitHub仓库,利用jsDelivr+GitHub的CDN服务获取文件链接。最后,通过编写@font-face的CSS样式代码,将自定义字体应用到博客中。注意文件名避免使用中文,并确保所有浏览器兼容。
55 2
|
存储 CDN
GitHub+jsdelivr+PicGo 搭建图床
GitHub+jsdelivr+PicGo 搭建图床
504 0
GitHub+jsdelivr+PicGo 搭建图床
|
1月前
|
编解码 Oracle Java
java9到java17的新特性学习--github新项目
本文宣布了一个名为"JavaLearnNote"的新GitHub项目,该项目旨在帮助Java开发者深入理解和掌握从Java 9到Java 17的每个版本的关键新特性,并通过实战演示、社区支持和持续更新来促进学习。
70 3
下一篇
无影云桌面