利用 JsDelivr 加速博客文件/搭建图床

利用 JsDelivr 加速博客文件/搭建图床

众所周知,GItHub 的服务器是在国外的,那么上传到 GItHub 里的图片等文件就很慢。你可能会使用图床,但是如果哪天图床跑路了,你网站里的图片就都瘫痪了,下面就介绍一种较安全的方法,加速文件/搭建图床(下文我将着重讲解搭建图床,加速文件也是同理)

jsDelivr

jsDelivr 是一个免费开源的 CDN 解决方案,用于帮助开发者和站长。包含 JavaScript 库、jQuery 插件、CSS 框架、字体等等 Web 上常用的静态资源

– 为什么选择 jsDelivr ?

– 它速度快,免费,可靠性高,而且在中国也有服务器

图片[1]-利用 JsDelivr 加速博客文件/搭建图床-JACK小桔子的小屋

Github 的配置

创建 Github 仓库

  1. 如果你是初次接触 Github ,请先注册好账号(点击右上角 Sign up 填写相关资料即可)
图片[2]-利用 JsDelivr 加速博客文件/搭建图床-JACK小桔子的小屋
图片[3]-利用 JsDelivr 加速博客文件/搭建图床-JACK小桔子的小屋
图片[4]-利用 JsDelivr 加速博客文件/搭建图床-JACK小桔子的小屋
图片[5]-利用 JsDelivr 加速博客文件/搭建图床-JACK小桔子的小屋
  1. 点击右上角+,点击New repository,根据下图填写、新建仓库
图片[6]-利用 JsDelivr 加速博客文件/搭建图床-JACK小桔子的小屋
图片[7]-利用 JsDelivr 加速博客文件/搭建图床-JACK小桔子的小屋

上传文件

Github 上传

  1. 点击 Add file -> Upload file
图片[8]-利用 JsDelivr 加速博客文件/搭建图床-JACK小桔子的小屋
  1. 将图片上传,点击下方 Commit changes 即可
图片[9]-利用 JsDelivr 加速博客文件/搭建图床-JACK小桔子的小屋

本地环境

  1. 在本地安装 git ,在一个文件夹处右键,点击 Git Bush Here
图片[10]-利用 JsDelivr 加速博客文件/搭建图床-JACK小桔子的小屋
  1. 输入下方代码,将刚建好的仓库克隆到本地,设置自己的邮箱和用户名
git clone https://github.com/jackxjz/blog-img.git # 这里的链接填写你的 仓库 地址
图片[11]-利用 JsDelivr 加速博客文件/搭建图床-JACK小桔子的小屋
 git config --global user.email jackxjz@jackxjz.com # 这里的邮箱填写你的 邮箱 地址
git config --global user.name jackxjz # 这里的jackxjz填写你的 用户名
  1. 将需要上传的文件复制到该文件夹,在该文件夹下重新打开 Git Bush,依次输入下方代码,上传到 Github
git add . # 添加全部内容文件到暂存区(注意有个 . )
git commit -m '第一次提交' # 添加说明
git push # 提交到远程仓库
图片[12]-利用 JsDelivr 加速博客文件/搭建图床-JACK小桔子的小屋

PicGo

PicGo 是一个用于快速上传图片至图床获取图片 URL 链接的工具,可以大大降低图床管理的操作难度。如果你只是想搭建一个图床,非常推荐使用该工具

  1. 打开它的 Github 项目 Releases,下载最新版软件(也可以使用最新稳定版
图片[13]-利用 JsDelivr 加速博客文件/搭建图床-JACK小桔子的小屋
  1. 安装并打开软件,展开图床设置,选择 Github图床
图片[14]-利用 JsDelivr 加速博客文件/搭建图床-JACK小桔子的小屋
  1. 回到 Github ,点击右上角头像,点击 Setting
图片[15]-利用 JsDelivr 加速博客文件/搭建图床-JACK小桔子的小屋
  1. 点击左下角Developer settings,进入开发者设置
图片[16]-利用 JsDelivr 加速博客文件/搭建图床-JACK小桔子的小屋
  1. 点击左侧Personal access tokens选项卡
图片[17]-利用 JsDelivr 加速博客文件/搭建图床-JACK小桔子的小屋
  1. 点击右侧Generate new token按钮
图片[18]-利用 JsDelivr 加速博客文件/搭建图床-JACK小桔子的小屋
  1. 输入名称,选择失效时间,只勾选 repo 权限,点击最底部 Generate token 创建
图片[19]-利用 JsDelivr 加速博客文件/搭建图床-JACK小桔子的小屋
  1. 点击复制 Token 值
图片[20]-利用 JsDelivr 加速博客文件/搭建图床-JACK小桔子的小屋
  1. 回到 PicGo ,将 Token 值粘贴到相应位置;并填写好仓库名、分支名(注意格式);点击设为默认图床确定
图片[21]-利用 JsDelivr 加速博客文件/搭建图床-JACK小桔子的小屋
  1. 点击上传区,即可上传图片
图片[22]-利用 JsDelivr 加速博客文件/搭建图床-JACK小桔子的小屋

jsDelivr 调用文件

直接访问该链接即可:https://cdn.jsdelivr.net/gh/你的用户名/你的仓库名@分支名/文件路径

比如:https://cdn.jsdelivr.net/gh/jackxjz/blog-img@main/website/favicon.jpg

© 版权声明
THE END
喜欢就支持一下吧
点赞1赞赏 分享
评论 抢沙发
头像
欢迎您留下宝贵的见解!
提交
头像

昵称

夸夸
夸夸
还有吗!没看够!
取消
昵称表情代码图片