这篇文章是什么意思?
看了标题也许有点懵,什么意思啊,其实就是利用 jsdelivr 和 github 一起将自己上传到 github 的代码库,利用 jslivr 的自动同步,生成有自己的代码的 CDN,而不是像一些其他 CDN 只能引用官方的原生库,这个是可以自己修改的。下面开始一步一步说方法。
Github
在 github 你需要把你需要放到 CDN 的代码上传,具体方法如下,我用的工具是 GIT-GUI,也可以使用 github for desktop,大同小异,下面以 GIT-GUI 为例。
-
创建新仓库 桌面随便右键选择git-gui,Create New Repository,选择文档目录,选好 create -
必要的设置 (1) Edit–Options–设置好Repository和 Global 的name和E-mail,均为 github 的用户名和密码,两边一样。(2)Default File Contents ENcoding = UTF8 -
本机和 github 远程服务器建立关联 (1) remote 设置 关联 github 服务器 Remote — ADD 写好 Name 和 LocationName = Repository NameLocation = https://github.com/xxxx/xxx.git -
SSH 设置 使本机和 github 远程服务器建立 SHH 安全接口(必要)工具栏Help — SHOW SSH Key –Generate Key将生成好的 key 复制,进入 github 依次:设置个人头像下拉选择Settings — SSH and GPG keys –New SSH key — title 随便,内容粘贴刚刚复制的内容 –ADD,这样本机和 github 就建立链接了。 -
提交文件 大体流程就是Rescan – Commit – Push,具体做法就是 将要上传的文件复制到最开始Create New Repository的文件夹所在位置,在 git-gui 中选择Rescan文件就会出现在Unstaged Changed中,点击staged Changed,文件就到了staged Changed(绿色),然后intial commit message中输入一个提交文件的描述,然后Commit,紧接着Push — 选择 remote:origin,Push中间可能要输入用户名和密码,都是 github。文件传完了 github 上传就完成了。 -
创建 release 版本 打开 github 选择repo,在 repo 的菜单栏选择release — Create a new release,tag=版本号,title=版本名称,填写完成后Pubish Release,创建完成 github 的工作就完成了。
jsdelivr
jsdelivr是智能的,只要 github 的 release 完成了,jsdelivr 会在几秒内就会同步到 CDN,只需要记住 jsdelivr 的引用格式。
//引用风格式 https://cdn.jsdelivr.net/gh/用户名/仓库名称@release版本/文件名 //例如:引用jquery https://cdn.jsdelivr.net/gh/jquery/jquery@3.2.1/dist/jquery.min.js
同时,jsdelivr提供了查看文件的地址:https://www.jsdelivr.com/package/gh/用户名/项目名