目录
  1. 1. JSDELIVR+GitHub实现图片床
    1. 1.1. 一、Git向GitHub上传资源
    2. 1.2. 二、访问GitHub资源
    3. 1.3. 三、结语
JSDELIVR+GitHub实现图片床

JSDELIVR+GitHub实现图片床

​ 我们在使用博客时经常要将一些图片转换成网络连接来使用,我们第一个想到的就是将图片挂载到GitHub上去,这样做固然可以解决问题,但是GitHub的访问速度,再加上有时我们的网络环境的不好,可能访问图片会很慢,这个时候我们就可以使用jsdelivr提供的CDN来与GitHub关联,就可让图片快速访问。

head

准备工作:

安装Git环境

注册GitHub

一、Git向GitHub上传资源

1.在本地新建一个文件夹,并用git bash here打开

2.将此文件进行初始化

1
git init

3.获取GitHub仓库地址,也可以新建一个仓库

1.1

4.回到Git的命令行,输入以下命令。(// 后为注释)

1
2
3
4
5
git remote add origin 加上我们仓库的地址 //添加远程仓库
git pull origin master //将仓库pull到文件夹中
git add . //将此文件中的所有文件上传
git commit -m "文件描述" //对文件添加描述
git push origin master //上传到远程仓库

5.如没有报错,则成功,可去GitHub查看是否上传

6.如报以下错误:

1.2

在Git中输入以下代码则可解决:

1
2
git pull --rebase origin master
git sush -u origin master

二、访问GitHub资源

1.在我们要使用的仓库中创建一个release

2.1

2.1.1

2.记住我们的版本号,后面要用

2.2

3.访问到我们要使用的资源,复制链接

2.3

4.使用jsedelivr访问资源。

2.4

5.对比链接

1
2
3
4
5
6
7
8
我们的链接:
https://github.com/songchangliang/head-img/blob/master/css.jpg

jsdelivr链接规则:
https://cdn.jsdelivr.net/gh/用户/库@版本号/资源路径

对比修改后的链接(可直接访问):
https://cdn.jsdelivr.net/gh/songchangliang/head-img@v0.1/css.jpg

三、结语

​ 之后的就是去修改我们的链接了,没什么可讲的,此文如有缺漏,欢迎评论指出。

文章作者: 阿福不想坐飞机
文章链接: http://yoursite.com/2019/09/30/jsdelivr/
版权声明: 本博客所有文章除特别声明外,均采用 CC BY-NC-SA 4.0 许可协议。转载请注明来自 阿福不想做飞机
打赏
  • 微信
  • 支付宝

评论