209天 夜灭

活着,是一件很美好的事情

[小白向,适合0基础的小白]利用jsDelivr给你的网站提个速&玩转PicGo

发布于 6个月前 / / 494 次围观 / 0 条评论 / 网络技术 / 夜灭

准备工作

1.github账号一个

2.准备一个仓库

3.获得外链

[可选看]4.使用picgo软件

1.如何创建GitHub账号?[你已经有账号了就看步骤2]

其实百度也可以....在这里我把注册链接放在这里

点击此处去注册

注册完成可能需要验证邮箱之类的杂七杂八的,这些无关紧要自己弄一下非常非常简单

2.准备一个仓库

创建仓库按照我的方法一步一步来

①:是我已经创建好的仓库

②:创建一个新的仓库

点击②这里

①:只需要没有与你已有仓库重名即可,随便都可以填写

②:为了后面步骤需要,随便打点字都可以

注意我画圈的地方,这里必须设置为Public(公开)

其他看一下图上的提示

最后点击Create repository

稍等将近几秒就创建完成仓库了

创建完成仓库的样子

3.获取外链

github外链直接调用是会失败的,且速度慢的一批,但是好在有jsDelivr这位老兄的帮助,我们在国内可以走cdn且不限量

如何上传文件

一这张图片为例,点开①的列表框

②:新建一个文件,比如jscss这些文本可以直接复制下来从这里创建一个文件,须注意一点,github不允许目录为空,至于为什么我也不知道,意思就是在一个目录下必须包含一个文件

③:从本地上传

以一张图片举例子

首先准备一张图片图片名称最好不要包含中文,这里以1.png这个文件为例

首先按照上述步骤找到Add file->Upload files,随后点击他

首先在①这里你有两种上传方式,一种是直接将文件拖入这个位置,另一种是点击Choose your files

选择上传的文件1.png

②这里什么都不要填保持默认即可

选择一个选项 Commit directly to the master branch.

然后点击③

成功后会跳转回仓库首页

关于国内外链

格式如下

https://cdn.jsdelivr.net/gh/【用户名】/【仓库名称】/【文件路径】

//在这里则是 https://cdn.jsdelivr.net/gh/adminsama/img/1.png

点这里访问一下试试?

可以直接在文章内引用就如我这样

获得文件外链的步骤就到这里了,接下来讲的是picgo的玩法

4.接入picgo

所谓图床工具,就是自动把本地图片转换成链接的一款工具,网络上有很多图床工具,就目前使用种类而言,PicGo 算得上一款比较优秀的图床工具。它是一款用 Electron-vue 开发的软件,可以支持微博,七牛云,腾讯云COS,又拍云,GitHub,阿里云OSS,SM.MS,imgur 等8种常用图床,功能强大,简单易用

我们先来下载最新版本:https://github.com/Molunerfinn/PicGo/releases

注意:mac 系统选择 dmg 下载,windwos 选择 .exe系统,如果不是下载安装包,想看源码的话,可以选择 git clone https://github.com/Molunerfinn/PicGo.git 克隆到本地

安装后打开picgo

如果你是想使用github作为图床的那接着往下看

这里最主要的则是token如何获取,这里我们细讲,其他的都看得懂

第一步,先打开右上角的个人中心,选择settings

第二步,在页面的左侧栏中找到Developer settings(开发者设置)

第三步,在Developer settings(开发者设置)中选择最后一个选项Personal access tokens(个人安全口令)并点击Generate new token

第四步,①的位置是这个token的用途/简介,反正随便填写,②仅需勾选第一个repo即可

随后划到页面最底部点击Generate token

注意,token仅出现一次,可无限生成token

获得到token后打开picgo

第五步,配置picgo

前面说了如何获得国内外链,这里也是一样的操作方法,看我图配置

①:用户名/仓库名称

②:分支名称,默认就填master

③:我们刚刚上述获取到的token

④:存储路径无需自己创建文件夹

⑤:外链地址,之前讲外链时解释过了,基本上就是这样的格式

教程结束,如果喜欢的话建议打赏我(快用金钱羞辱我gkd)

未显示?请点击刷新