众所周知,GItHub 的服务器是在国外的,那么上传到 GItHub 里的图片等文件就很慢。你可能会使用图床,但是如果哪天图床跑路了,你网站里的图片就都瘫痪了,下面就介绍一种较安全的方法,加速文件/搭建图床(下文我将着重讲解搭建图床,加速文件也是同理)
2022-05-21 jsDelivr 崩了,暂不建议使用,可以试试 腾讯云 COS 存储桶
jsDelivr
jsDelivr 是一个免费开源的 CDN 解决方案,用于帮助开发者和站长。包含 JavaScript 库、jQuery 插件、CSS 框架、字体等等 Web 上常用的静态资源
– 为什么选择 jsDelivr ?
– 它速度快,免费,可靠性高,而且在中国也有服务器
![图片[1]-利用 JsDelivr 加速博客文件/搭建图床-JACK小桔子的小屋](https://jackxjz-img.oss-cn-guangzhou.aliyuncs.com/blog/jsdeliver/img1.png)
Github 的配置
创建 Github 仓库
- 如果你是初次接触 Github ,请先注册好账号(点击右上角 Sign up 填写相关资料即可)
详细过程:(点我展开/折叠)
![图片[2]-利用 JsDelivr 加速博客文件/搭建图床-JACK小桔子的小屋](https://jackxjz-img.oss-cn-guangzhou.aliyuncs.com/blog/jsdeliver/img2.png)
![图片[3]-利用 JsDelivr 加速博客文件/搭建图床-JACK小桔子的小屋](https://jackxjz-img.oss-cn-guangzhou.aliyuncs.com/blog/jsdeliver/img3.png)
![图片[4]-利用 JsDelivr 加速博客文件/搭建图床-JACK小桔子的小屋](https://jackxjz-img.oss-cn-guangzhou.aliyuncs.com/blog/jsdeliver/img4.png)
![图片[5]-利用 JsDelivr 加速博客文件/搭建图床-JACK小桔子的小屋](https://jackxjz-img.oss-cn-guangzhou.aliyuncs.com/blog/jsdeliver/img5.png)
- 点击右上角
+
,点击New repository
,根据下图填写、新建仓库
![图片[6]-利用 JsDelivr 加速博客文件/搭建图床-JACK小桔子的小屋](https://jackxjz-img.oss-cn-guangzhou.aliyuncs.com/blog/jsdeliver/img6.png)
![图片[7]-利用 JsDelivr 加速博客文件/搭建图床-JACK小桔子的小屋](https://jackxjz-img.oss-cn-guangzhou.aliyuncs.com/blog/jsdeliver/img7.png)
上传文件
Github 上传
- 点击 Add file -> Upload file
![图片[8]-利用 JsDelivr 加速博客文件/搭建图床-JACK小桔子的小屋](https://jackxjz-img.oss-cn-guangzhou.aliyuncs.com/blog/jsdeliver/img8.png)
- 将图片上传,点击下方 Commit changes 即可
![图片[9]-利用 JsDelivr 加速博客文件/搭建图床-JACK小桔子的小屋](https://jackxjz-img.oss-cn-guangzhou.aliyuncs.com/blog/jsdeliver/img9.png)
本地环境
- 在本地安装 git ,在一个文件夹处右键,点击 Git Bush Here
![图片[10]-利用 JsDelivr 加速博客文件/搭建图床-JACK小桔子的小屋](https://jackxjz-img.oss-cn-guangzhou.aliyuncs.com/blog/jsdeliver/img10.png)
- 输入下方代码,将刚建好的仓库克隆到本地,设置自己的邮箱和用户名
git clone https://github.com/jackxjz/blog-img.git # 这里的链接填写你的 仓库 地址
![图片[11]-利用 JsDelivr 加速博客文件/搭建图床-JACK小桔子的小屋](https://jackxjz-img.oss-cn-guangzhou.aliyuncs.com/blog/jsdeliver/img21.png)
git config --global user.email jackxjz@jackxjz.com # 这里的邮箱填写你的 邮箱 地址
git config --global user.name jackxjz # 这里的jackxjz填写你的 用户名
- 将需要上传的文件复制到该文件夹,在该文件夹下重新打开 Git Bush,依次输入下方代码,上传到 Github
git add . # 添加全部内容文件到暂存区(注意有个 . )
git commit -m '第一次提交' # 添加说明
git push # 提交到远程仓库
![图片[12]-利用 JsDelivr 加速博客文件/搭建图床-JACK小桔子的小屋](https://jackxjz-img.oss-cn-guangzhou.aliyuncs.com/blog/jsdeliver/img22.png)
PicGo
PicGo 是一个用于快速上传图片至图床并获取图片 URL 链接的工具,可以大大降低图床管理的操作难度。如果你只是想搭建一个图床,非常推荐使用该工具
- 打开它的 Github 项目 Releases,下载最新版软件(也可以使用最新稳定版)
![图片[13]-利用 JsDelivr 加速博客文件/搭建图床-JACK小桔子的小屋](https://jackxjz-img.oss-cn-guangzhou.aliyuncs.com/blog/jsdeliver/img11.png)
- 安装并打开软件,展开图床设置,选择 Github图床
![图片[14]-利用 JsDelivr 加速博客文件/搭建图床-JACK小桔子的小屋](https://jackxjz-img.oss-cn-guangzhou.aliyuncs.com/blog/jsdeliver/img12.png)
- 回到 Github ,点击右上角头像,点击 Setting
![图片[15]-利用 JsDelivr 加速博客文件/搭建图床-JACK小桔子的小屋](https://jackxjz-img.oss-cn-guangzhou.aliyuncs.com/blog/jsdeliver/img13.png)
- 点击左下角
Developer settings
,进入开发者设置
![图片[16]-利用 JsDelivr 加速博客文件/搭建图床-JACK小桔子的小屋](https://jackxjz-img.oss-cn-guangzhou.aliyuncs.com/blog/jsdeliver/img14.png)
- 点击左侧
Personal access tokens
选项卡
![图片[17]-利用 JsDelivr 加速博客文件/搭建图床-JACK小桔子的小屋](https://jackxjz-img.oss-cn-guangzhou.aliyuncs.com/blog/jsdeliver/img15.png)
- 点击右侧
Generate new token
按钮
![图片[18]-利用 JsDelivr 加速博客文件/搭建图床-JACK小桔子的小屋](https://jackxjz-img.oss-cn-guangzhou.aliyuncs.com/blog/jsdeliver/img16.png)
- 输入名称,选择失效时间,只勾选 repo 权限,点击最底部 Generate token 创建
![图片[19]-利用 JsDelivr 加速博客文件/搭建图床-JACK小桔子的小屋](https://jackxjz-img.oss-cn-guangzhou.aliyuncs.com/blog/jsdeliver/img17.png)
- 点击复制 Token 值
![图片[20]-利用 JsDelivr 加速博客文件/搭建图床-JACK小桔子的小屋](https://jackxjz-img.oss-cn-guangzhou.aliyuncs.com/blog/jsdeliver/img18.png)
- 回到 PicGo ,将 Token 值粘贴到相应位置;并填写好仓库名、分支名(注意格式);点击设为默认图床和确定
![图片[21]-利用 JsDelivr 加速博客文件/搭建图床-JACK小桔子的小屋](https://jackxjz-img.oss-cn-guangzhou.aliyuncs.com/blog/jsdeliver/img19.png)
- 点击
上传区
,即可上传图片
![图片[22]-利用 JsDelivr 加速博客文件/搭建图床-JACK小桔子的小屋](https://jackxjz-img.oss-cn-guangzhou.aliyuncs.com/blog/jsdeliver/img20.png)
jsDelivr 调用文件
直接访问该链接即可:https://cdn.jsdelivr.net/gh/你的用户名/你的仓库名@分支名/文件路径
比如:https://cdn.jsdelivr.net/gh/jackxjz/blog-img@main/website/favicon.jpg
对比一下速度:(点我展开/折叠)
© 版权声明
本站网络名称:
JACK小桔子的小屋
本站永久网址:
https://www.jackxjz.com/
网站侵权说明:
本网站的文章部分内容可能来源于网络,仅供大家学习与参考,如有侵权,请联系站长QQ1140535362删除处理
1 本站一切资源不代表本站立场,并不代表本站赞同其观点和对其真实性负责
2 本站一律禁止以任何方式发布或转载任何违法的相关信息,访客发现请向站长举报
3 本站资源大多存储在网盘,如发现链接失效,请联系我们我们会第一时间更新
1 本站一切资源不代表本站立场,并不代表本站赞同其观点和对其真实性负责
2 本站一律禁止以任何方式发布或转载任何违法的相关信息,访客发现请向站长举报
3 本站资源大多存储在网盘,如发现链接失效,请联系我们我们会第一时间更新
THE END
暂无评论内容