jsdelivr+github使用

jsdelivr+github使用

  • 前提
  • 创建github仓库
  • 克隆仓库到本地
  • 上传github
  • 配置版本号
  • 通过jsdelivr访问

前提

1.有github账号
2.安装git工具

创建github仓库

进入github首页-Repository-new
在这里插入图片描述
输入对应的仓库信息-点击创建
jsdelivr+github使用_第1张图片
复制仓库地址
jsdelivr+github使用_第2张图片

克隆仓库到本地

在本地右键打开Git Bash Here-执行克隆命令

git clone https://github.com/RoyalKnights/cdn.git

此时将本地仓库克隆到了本地
jsdelivr+github使用_第3张图片
将想要jsdelivr访问的文件放入仓库(我这里建立一个img文件放入一张图片)
jsdelivr+github使用_第4张图片
进入仓库文件夹,把文件添加并提交到仓库更多教程

cd cdn
git add --all
git commit - m "描述信息“

jsdelivr+github使用_第5张图片

上传github

git push -u origin master

此时会让你输入github账号和密码
jsdelivr+github使用_第6张图片

配置版本号

进入仓库点击releases
jsdelivr+github使用_第7张图片
创建一个版本号
jsdelivr+github使用_第8张图片
jsdelivr+github使用_第9张图片
jsdelivr+github使用_第10张图片

通过jsdelivr访问

https://cdn.jsdelivr.net/gh//<仓库名称>@<版本号>/<文件路径>/<文件名>
不输入版本号默认访问最新版本

例如浏览器输入https://cdn.jsdelivr.net/gh/RoyalKnights/[email protected]/img/test.jpg
jsdelivr+github使用_第11张图片

你可能感兴趣的:(前端)