写在前面:本文实现的是利用github、jsDelivr和picgo

1.创建GitHub仓库

首先是创建一个GitHub仓库,然后发布,最后就是记住token;

1.1创建GitHub仓库



然后你可以在仓库里创建一个文件夹放文件,也可以不用,根据自己喜欢就可以了;
创建成功后里面是空的,我这个是事后了

1.2发布

关于这一步在做完以后我不是很清楚要不要发布,我是根据他们网上的教程发布了的,但好像后面也没有用到,不过倒是要加速下载发布后的软件的话,感觉还说得过去,为了以防万一我这里也写了发布过程。点击圈中的地方;

没有发布过的是空的刚刚点进去的是偶就是空的,直接创建新的发布就可以,下图中圈中的都是要写的,第一个圈中直接先版本号就可以了,随便写一个版本号;

1.3记住token

token是在主页设置的;

点击圈中的setting后左侧栏最下的Developer settings,就可以看到以下画面,点击圈中的部分;

弄好后就会是这个样子的,涂过的部分就是需要复制,记住的,听说这个很重要,复制截图保存吧,到这里GitHub部分就结束了;

2.准备jsDelivr链接

然后是准备jsDelivr的链接,补全下面的网址链接;

1
https://cdn.jsdelivr.net/gh/你的用户名/仓库名@版本号/文件

2.1较详细的解释

关于jsDelivr这个的话应该是一个cdn服务平台,关于cdn我也不怎么了解(之后科普里面补),不过作用上就是加快访问而已,最实际的应用就是GitHub的访问。

  • 关于详细的用法:
    这个是直接在官网复制过来的,这是详细的用法,可以加快GitHub的软件的下载,也可以加速仓库,写法不同而已。
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    // load any GitHub release, commit, or branch
    // note: we recommend using npm for projects that support it
    https://cdn.jsdelivr.net/gh/user/repo@version/file
    https://cdn.jsdelivr.net/gh/你的用户名/仓库名@版本号/文件

    // load jQuery v3.6.4
    https://cdn.jsdelivr.net/gh/jquery/jquery@3.6.4/dist/jquery.min.js


    // use a version range instead of a specific version
    https://cdn.jsdelivr.net/gh/jquery/jquery@3.6/dist/jquery.min.js
    https://cdn.jsdelivr.net/gh/jquery/jquery@3/dist/jquery.min.js


    // omit the version completely to get the latest one
    // you should NOT use this in production
    https://cdn.jsdelivr.net/gh/jquery/jquery/dist/jquery.min.js


    // add ".min" to any JS/CSS file to get a minified version
    // if one doesn't exist, we'll generate it for you
    https://cdn.jsdelivr.net/gh/jquery/jquery@3.6.4/src/core.min.js


    // add / at the end to get a directory listing
    https://cdn.jsdelivr.net/gh/jquery/jquery/

    3.picgo的相关配置

    picgo只需要在作者的GitHub也下载一个最新的的发布版本就可以,点击就可以去了;

    3.1picgo的配置

    首先点击插件设置,搜索github安装插件就可以了,然后点击图床设置里的GitHub;

    设置仓库名就写“你的用户名/你刚刚创建的仓库名”;分支就填main(现在的默认的主分支好像都是main);token就粘贴复制的那个token;存储地址“文件名/”意思就是存储到仓库里的那个文件名里面,自定义域名就是在2中配置的那个,然后点击确定。
    1
    https://cdn.jsdelivr.net/gh/你的用户名/仓库名@版本号/文件

后话:写得也比较详细了,另外,在搭建好后我发现picgo有一个问题,就是拖拽进去的图片和点击上传的图片如果比较打的话,会有显示的问题,不清楚是不是我这里的问题,不过将图片文件保存到桌面后在复制,在上传区里通过剪贴板上传就没有这个问题了。