jsDelivr+Github搭建免费图床

简介: jsDelivr+Github搭建免费图床

用了一段时间的PicGo,发现有时莫名为妙抽风,上传失败,重试也是如此,然后发现git命令上传比它快的多,所以把PicGo弃用了,下面是CDN+Github图床的搭建过程


新建Github仓库


微信图片_20220514103419.png

clone仓库到本地


  • 拷贝仓库地址

微信图片_20220514103558.png


  • 使用git命令clone到本地
    注:clone之前需要创建好放置仓库的文件,并在该文件路径下执行git命令
git clone 一键复制的仓库地址

微信图片_20220514103733.png


上传资源


在clone的本地仓库目录下,创建需要上传的文件,然后执行以下命令3个命令即可


  • git add --all
  • git commit -m '20200720
  • git push -u origin master


微信图片_20220514103919.png


发布仓库


  • 新建一个release版本

微信图片_20220514104045.png


填写版本号等相应信息,最后点击Publish release

微信图片_20220514104222.png


使用


以上免费图库就搭建完成了,使用方式如下

https://cdn.jsdelivr.net/gh/Github用户名/仓库名称@版本号/文件路径


例如:

https://cdn.jsdelivr.net/gh/chenjialin1016/CJLCDN@v1.0/test.png


此后每次使用需要进行的操作如下:


  • git命令上传资源
  • 发布一个新版本号的release
  • 修改CDN网址中的版本号、文件路径
  • 最后再验证下图片是否显示正常


补充:


图片上传至github时,可以不用每次必须去github release,可以直接使用以下命令(上传+打包)


  • git add .
  • git commit -m '20201207'
  • git push origin master
  • git tag 版本号
  • git push --tags


相关实践学习
Serverless极速搭建Hexo博客
本场景介绍如何使用阿里云函数计算服务命令行工具快速搭建一个Hexo博客。
相关文章
|
6月前
|
缓存 前端开发 JavaScript
通过jsDelivr实现Github图床CDN加速
jsdelivr是一个免费的公共CDN(内容分发网络)服务,它允许网站开发者将他们的代码库、JavaScript库、字体和其他资源托管在jsdelivr上,并通过jsdelivr的CDN网络进行快速分发。使用jsdelivr可以有效地减少用户下载资源的时间,提高网页加载速度,同时减轻原始服务器的负载。
429 1
|
6月前
|
存储 JavaScript 网络架构
【开源图床】使用Typora+PicGo+Github+CDN搭建个人博客图床
【开源图床】使用Typora+PicGo+Github+CDN搭建个人博客图床
291 3
|
26天前
|
JSON 缓存 JavaScript
使用 jsDelivr 免费加速 GitHub Pages 博客的静态资源(二)
使用 jsDelivr 加速 GitHub Pages 的图片资源和动态编译的 JSON 资源。
22 2
|
2月前
|
Windows
github图床链接打开提示raw.githubusercontent.com无法访问解决
picgo上传图片不显示,到GitHub打开也不显示图片,粘贴链接访问提示“raw.githubusercontent.com无法访问”,百度搜索后修改了下hosts解决了。
604 2
github图床链接打开提示raw.githubusercontent.com无法访问解决
|
1月前
|
JavaScript Linux Windows
Typora图床配置(用自带的 PicGo-Core(command line) 插件GitHub
Typora图床配置(用自带的 PicGo-Core(command line) 插件GitHub
|
28天前
|
Windows
github图床链接打开提示raw.githubusercontent.com无法访问解决
github图床链接打开提示raw.githubusercontent.com无法访问解决
33 0
|
3月前
|
前端开发 JavaScript 开发工具
使用jsDelivr和GitHub,上传本地静态资源到免费CDN
本文介绍了一种将本地图片和静态资源(如 js、css、文档等)上传至免费CDN的方法,便于随时调用。具体步骤包括:在GitHub创建仓库`resources`存放资源;通过上传或Git命令同步文件;在仓库中创建新版本并发布。之后即可通过指定格式的URL访问这些CDN资源。此方法简单高效,适合开发者快速部署和共享静态内容。
135 2
使用jsDelivr和GitHub,上传本地静态资源到免费CDN
|
3月前
PicGo——利用PicGo和GitHub搭建免费图床提供给Typecho使用
PicGo——利用PicGo和GitHub搭建免费图床提供给Typecho使用
29 0
|
5月前
|
Linux
Typore+PicGo+GitHub图床搭建
Typore+PicGo+GitHub图床搭建
36 1
|
5月前
|
存储 前端开发 对象存储
基于jsDelivr+Github给网站如何换个漂亮的字体。
本文介绍了如何为博客自定义字体。首先,从免费字体网站(如100字体下载站)下载字体,然后使用在线工具(如fontformat.com)转换字体格式为eot, woff, woff2, svg和ttf。接着,将字体文件上传至GitHub仓库,利用jsDelivr+GitHub的CDN服务获取文件链接。最后,通过编写@font-face的CSS样式代码,将自定义字体应用到博客中。注意文件名避免使用中文,并确保所有浏览器兼容。
57 2
下一篇
无影云桌面