最近误打误撞遇到了一个非常好用的 白嫖方案 :jsdelivr,正巧有大佬需要,便提前写下了这篇文章。(本篇适用于任何博客网站);可用于wordpress图片加载,js加载,如果想的话还可以把整个网站都搭上去_(:з」∠)_

jsDelivr – Open Source CDN
free, fast, and reliable

准备工作

  • 硬件:电脑一台
  • 软件:博客网站(具体可参照我的建站教程),Git( 开源的分布式版本控制系统 ),GitHub账号( 面向开源及私有软件项目的托管平台 )

介绍

暂省

开始

创建Github仓库

  • 在右上角图像旁找到+号,点击,选择New repository(新仓库)
  • 或者在主页中 Repositories >New添加
  • 如图所示添加你的仓库(自己命名)勾选Initialize this repository with a README,点击创建

仓库创建好了~

Git与Github的连接与使用

创建SSH Key

因为本地Git仓库和GitHub仓库之间的传输是通过SSH加密传输的,GitHub需要识别是否是你推送,GitHub只要知道了你的公钥,就可以确认只有你自己才能推送,所以需要配置ssh key。

  • 在用户主目录(C:\Users\Administrator)下,看看有没有.ssh文件,如果有,再看文件下有没有id_rsaid_rsa.pub这两个文件,如果已经有了,可直接到下一步。如果没有,打开Git Bash(鼠标右键后你可以看到),输入命令,创建SSH Key
ssh-keygen -t rsa -C "你的注册邮箱"
  • 其他直接enter跳过
  • 创建成功后,去用户主目录里找到.ssh文件夹 , 里面有id_rsaid_rsa.pub两个文件,这两个就是SSH Key的秘钥对,id_rsa是私钥,不能泄露,id_rsa.pub是公钥,可以公开。
  • 右键id_rsa.pub,使用文本编辑器打开
  • 复制里面的SSH公钥
  • 进入Github,打开sitting> SSH and GPG keys > New SSH key
  • 添加你的公钥
  • 验证是否成功,在 git bash里输入下面的命令
ssh -T git@github.com
  • 如果初次设置的话,会出现一个界面,输入yes 同意即可
  • 下面开始设置username和email,因为github每次commit都会记录他们
git config --global user.name "GitHub登陆名"
git config --global user.email "GitHub注册邮箱"

克隆Github仓库到本地

  • 再次打开Github,点击Clone or download,复制地址
  • 在Git bash中输入以下+你复制的地址
git clone 你复制的地址
  • 在当前位置会有一个和你仓库同名的文件夹,打开,有readme文件。

上传资源

  • 将你想要上传的文件放入该文件夹(不要超过50M,不然你会后悔的)
  • 在该文件夹中运行 Git bash ,依次输入以下内容
git add .                  //添加所有文件到暂存区
git commit -m '第一次提交' //把文件提交到仓库
git push                   //推送至远程仓库
  • 等待上传…….(第一次上传会要求你填写GitHub账号信息)
  • 上传成功后 , 打开我们的GitHub,即可看到上传的内容

发布仓库

  • 点击releases
  • Create a new release > 填写(其实填写版本即可)> Publish(发布)

通过jsDelivr引用资源

使用方法:

  • https://cdn.jsdelivr.net/gh/你的用户名/你的仓库名@发布的版本号/文件路径

eg:

https://cdn.jsdelivr.net/gh/colorfulshadowty/article@1.0/jsdelivr/10.png

(本文最后一张图)

加速你的网站吧!!!


Warning: Undefined variable $current_user in /www/wwwroot/blog.oyi.me/wp-content/themes/Origami/comments.php on line 10

Warning: Attempt to read property "user_login" on null in /www/wwwroot/blog.oyi.me/wp-content/themes/Origami/comments.php on line 10
说点什么
支持Markdown语法
好耶,沙发还空着ヾ(≧▽≦*)o
Loading...