1.github准备

1.1注册并登录

1.2点击Repositories

1.3点击NEW

1.4创建项目

2.生成github Personal access tokens

详情参考OAuth Apps和Personal access tokens获取与配置，下面将做简要介绍

2.1点击设置

2.2点击Developer settings

w

2.3点击tokens点击new

2.4输入密码

2.5输入note，勾选权限

2.6点击文末生成

2.7复制并备份生成的代码

此代码只出现一次，一定要备份

3.配置picgo

3.1下载picgo，并安装

地址https://molunerfinn.com/PicGo/

3.2右击picgo，打开详细窗口

3.3配置picgo

设置仓库名：用户名/仓库名

用户名为github用户名，仓库名为1.4创建项目的仓库名

设置分支名：master

当然也可以创建其他分支，再设置

设定Token：为2.7步生产的代码

此代码一定要备份，且不要公开

指定存储路径：可以自定义其他的，相当于创建一个文件夹

按照上图img2019，会在github上生成一个img2019文件夹，方便整理，注意后面加\

设置自定义域名：https://raw.githubusercontent.com/用户名/项目名/分支名

如我的https://raw.githubusercontent.com/ZanderZhao/my-images/master

设置自定义域名作用是上传图片后会返回图片地址到剪贴板，即“上面自定义域名+图片名”会直接返回到剪贴板,此步可以优化，详见6.优化。

3.4点击确定

完成配置

4.使用图床

4.1将图片拖到小窗口

4.2剪贴板会返回图片地址

Ctrl+V 粘贴到下方显示

返回地址结果是

https://raw.githubusercontent.com/ZanderZhao/my-images/master/img2019/图片名

5.其他配置

5.1时间戳重命名可以防止自定义命名出现重复，发生替换

5.2设置链接格式可以返回想要的链接

6.优化

6.0直接用githubusercontent

  • 优点
    • 方便读者定位github仓库
    • 替换文件马上更新，没有延迟
  • 缺点
    • 速度太慢，而且部分区域可能加载不了
    • 如果更换其他图床的话，需要一个个改raw.githubusercontent.com字段
    • 上传图库的话，会产生小绿点，但是没有什么实际提交，图片多无效提交记录也多

6.1新建组织，直接用githubusercontent

新建一个组织，然后自己为管理员，新建仓库，按照上文继续进行

  • 优点
    • 方便读者定位github仓库
    • 替换文件马上更新，没有延迟
    • 不会产生较多无效提交记录
  • 缺点
    • 速度太慢，而且部分区域可能加载不了
    • 如果更换其他图床的话，需要一个个改raw.githubusercontent.com字段

6.2使用jsdelivr的cdn

jsdelivr加速github的public repo不需要付费，不想要注册登陆，直接使用对于地址即可。

如果使用cdn可以是https://cdn.jsdelivr.net/gh/用户名/项目名或者https://cdn.jsdelivr.net/gh/用户名/项目名@分支名

如果不@分支默认是master分支，即使master分支不是default分支，如果直接替换github的文件，cdn有缓存延迟。

  • 优点
    • 方便读者定位github仓库
    • 速度比raw.githubusercontent.com的快
  • 缺点
    • 如果直接更新github的文件的话，更新缓存需要一定时间
    • 如果更换其他图床的话，需要一个个改cdn.jsdelivr.net字段

6.3使用github pages

绑定域名，picgo配置就填入https://域名，但是如果是github page的话，每小时只能构建10次。

  • 优点
    • 更换图床直接改域名指向就可（若只启用pages不绑定域名没有此优点）
    • 速度比raw.githubusercontent.com的快
    • 如果直接更新github的文件的话，构建需要一定时间，但是更新速度比jsdelivr快，几分钟的事
  • 缺点
    • 普通每小时只能构建10次，超过10次不再构建

6.4使用cloudflare+jsdelivr

1.使用cloudflare解析域名

2.添加一个解析，如img1.zlogs.net,A记录解析或者CNAME解析都可以，指向任意地方，如A-8.8.8.8、CNAME-zanderzhao.github.io等,一定要开启CDN，就是那个小黄色云朵要开启，目的是让域名解析到cloudflare

3.选择页面规则，创建页面规则

4.页面规则配置如下,根据下列配置自己的，可以点击了解更多查看配置信息

  • 优点
    • 更换图床直接改域名指向就可
    • 速度比raw.githubusercontent.com的快
    • 方便读者定位图片所在github仓库
  • 缺点
    • 如果直接更新github的文件的话，更新缓存需要一定时间
    • 页面规则301重定向可能耗费时间，但是实测还行，没感觉

6.5使用腾讯CDN+cloudflare+jsdelivr

  • 问题
    • 用了一段时间，发现移动可能会访问不了，准备国内走腾讯，国外走cloudflare

7.例子

7.0直接用githubusercontent

不做演示

7.1新建组织，直接用githubusercontent

7.2使用jsdelivr的cdn


或者

7.3使用github pages

7.4使用cloudflare+jsdelivr

  • 7.4.7页面规则配置如下,根据下列配置自己的，可以点击了解更多查看配置信息

  • 7.4.8则图片地址为https://img1.zlogs.net/20/20200413235956.jpg

  • 下图为效果

补充：

江苏联通jsdelivr和github-pages速度感觉差不多

301跳转速度可以忽略

以上说明针对不同版本可能存在差异

8.其他工具

8.1web工具

  • 项目地址

  • 宝塔安装步骤

    • 准备阶段

      • 建立网站

      • 申请证书

      • 设置网站nginx配置文件(替换location部分)

      •     location / {
        index dashboard.php;
        try_files $uri $uri/ index.php$is_args$args;
    }

    location ~ \.php$ {
        fastcgi_pass 127.0.0.1:9000;
        fastcgi_index index.php;
        include fastcgi.conf;
    }

  • 下载阶段

    • 下载解压到网站目录
    • 将运行文件夹权限设置成www755
    • 绑定安装目录，设置密码

  • 通用配置阶段

    • 选择图床
    • 图片压缩选项
    • 设置文件格式{Y}{m}{d}{H}{i}{s}
    • 返回链接类型custom数值为![]({{url}})
    • 常用目录/20
    • 不启用水印
    • 保存

  • 本地服务器

    • 下载文件已有文件在img1里面，将图床目录img1设置为www755
    • 前缀/www/wwwroot/imgs.zlogs.net/img1
    • 文件夹/20
    • 域名https://img1.zlogs.net

  • Github