l

lizilong

V1

2023/01/09阅读:24主题:默认主题

配置github图床+picgo-core上传+jsdelivrCDN

GitHub图床

GitHub图床部分参考自教程Github图床+PicGo+JsDelivr+imgbot+automerge-action.

转载自[光的影子Oo](https://www.bilibili.com/read/cv11071758)

imgbot图片压缩

图片压缩部分参考自教程Github图床+PicGo+JsDelivr+imgbot+automerge-action.

转载自[光的影子Oo](https://www.bilibili.com/read/cv11071758)

automerge-action最新版地址https://github.com/marketplace/actions/merge-pull-requests-automerge-action

图中的automerge.yml内容如下:

# automerge.yml
name: automerge
on:
  pull_request:
    types:
      - opened
      - ready_for_review
  pull_request_review:
    types:
      - submitted
  check_suite:
    types:
      - completed
  status: {}
jobs:
  automerge:
    runs-on: ubuntu-latest
    steps:
      - name: Merge pull requests (automerge-action)
        uses: pascalgn/automerge-action@v0.15.5
        env:
          GITHUB_TOKEN: "${{ secrets.MERGE_TOKEN }}"
          MERGE_LABELS: ""
          MERGE_METHOD: "squash"
          MERGE_COMMIT_MESSAGE: "[ImgBot] Optimize images"
          MERGE_FORKS: "false"
          MERGE_RETRIES: "5"
          MERGE_RETRY_SLEEP: "10000"
          UPDATE_LABELS: ""
          UPDATE_METHOD: "rebase"


imgbot示例

imgbot示例

可以看见imgbot的压缩效果还可以。

AutoMerge示例2

AutoMerge示例

可以看见AutoMerge已经生效了。

AutoMerge示例1
AutoMerge示例1

jsDelivrCDN

CDNContent Delivery Network内容分发网络。

JSDELIVR是免费开源的CDN,同时在国内外提供服务。

为啥要用CDN

  1. 为了同一套代码里的链接在国内外都能访问到,避免出现国内打不开国外正常访问的情况

  2. 为了加速

image-20230105160852450
image-20230105160852450

官网地址Migrate from GitHub to jsDelivr

用法示例

jsDelivr示例
jsDelivr示例

可以很容易就发现只有前面框起来的部分不一样,所以只需将所有URL的前面替换一下就行。

picgo-core配置

本文档该部分全部参考自PicGo-Core官方配置文件

安装picgo-core

# 安装
yarn global add picgo # 或者 npm install picgo -g

安装github-plus插件

picgo install github-plus

可选插件rename-file,自动给文件重命名。

picgo install rename-file

配置文件

picgo 的默认配置文件为~/.picgo/config.json。其中~为用户目录。不同系统的用户目录不太一样。

linux 和 macOS 均为~/.picgo/config.json

windows 则为C:\Users\你的用户名\.picgo\config.json

C:\Users\lizilong\.picgo\config.json文件内容如下:

//config.json
{
  "picBed": {
    "uploader""github",
    "current""github",
    "github": {
      "repo""lizilong1993/image",
      "branch""main",
      "token""ghp_****************",
      "path""typora/",
      "customUrl""https://cdn.jsdelivr.net/gh/lizilong1993/image@main"
    },
    "transformer""path"
  },
  "picgoPlugins": {
    "picgo-plugin-github-plus"true
  }
}

其中

字段 内容 备注
uploader 上传器 smms
tcyun
github
qiniu
imgur
aliyun
upyun
...
current 当前使用的上传器
repo 你的图床仓库
branch 仓库分支 注意这里可能默认是master,请修改为main
token github token 没有就申请一个,最好单独保存下来
path 图片保存在仓库的路径 为空就是直接保存在仓库下,typora/会创建一个typora文件夹
customUrl 图片自定义域名 为空就是直接使用https://raw.githubusercontent.com/lizilong1993/image/main/typora/XXX.png,
使用jsdelivrCDN就是https://cdn.jsdelivr.net/gh/lizilong1993/image@maintypora/QQ.png

CMD中使用

picgo-core使用很简单,复制图片后直接命令行输入

picgo u # picgo upload缩写

就会得到一条链接

picgo上传示例
picgo上传示例

Typora中使用

文件->偏好设置->图像->上传服务设定,选自定义命令命令picgo u即可。

Typora中使用picgo-core
Typora中使用picgo-core

如果不想每次插入就立马上传,可以修改上图中的插入图片时选项为其它选项,然后在需要的时候选中格式->图像->上传所有本地图片

分类:

后端

标签:

后端

作者介绍

l
lizilong
V1