朋友告知 jsdeliver 明确说明不允许用作图床加速,有删除风险,本篇教程关于 jsdeliver 的部分已不建议采用!
建议使用 cloudflare 代替 jsdeliver 做 cdn,教程参考:https://www.moeelf.com/archives/10.html

# 安装 PicGo

PicGo 的 github 仓库下载安装包,进行安装

# 配置 Github 图床

# github 上的配置

  1. 首先,先创建一个公开仓库,用来存放图片。这里我建立了一个 images 仓库,见下图:

  2. 点击 右上角头像 后点击 Settings , 在打开的页面左边的菜单找到 Developer settings

  3. 点击后在打开的页面左边菜单中点击 Personal access tokens , 打开页面后点击 Gernerate new token

  4. 点击后会要求输入密码,输入后会跳转到一个页面, Note 随便取个名字,勾选页面中的 repo 前面的复选框

  5. 其他保持默认,拉到最底下点击 Gernerate token

  6. 这样便生成了一个 token ,后面会用到(注意保存,退出页面以后就再也看不到了!)

# PicGo 上的配置

  1. 打开 PicGo , 点击 图床设置 --> GitHub图床 ,在 设定仓库名 一栏填写仓库名,格式为 账户名/仓库名
    比如我的账户名为 mint233 , 仓库名为 images ,即下图红框中所示

那么我的仓库名就应该设置为 mint233/images , 如图:

  1. 设定分支名 可以填一个存在的分支即可
    在 github 仓库中可以看到我有一个默认分支 main

那么我这里就应该填 main

  1. 设定Token 一栏填写之前让妥善保存的 token

  2. 指定存储路径 可以不必设置, 设定自定义域名 比较重要,为了能使用白嫖 jsdelivr 的加速服务,这里应该设置为

https://cdn.jsdelivr.net/gh/你的账户名/你的仓库名@latest

比如我就应该设置为 https://cdn.jsdelivr.net/gh/mint233/images@latest , 注意 url 末尾不要带 /

  1. 最后点击 确定 ,就完成所有操作了,此时已经可以通过 picgo 上传图片了,这里也可以点击 设为默认图床 方便后续使用
    完整的配置如图

  2. 测试一下是否可用,用截图工具截图到 剪贴板 ,按快捷键 ctrl+shift+P 即可上传,上传成功会自动在 剪贴板 生成 markdown 的图片引用链接

# 我的写作流程

这里演示以下我配合 picgo 图床,写博文的流程,大家可以借鉴。这里面使用的软件是我比较推荐的,当然大家如果有自己习惯的软件也可不必参考,看一下思路即可。

  1. 使用 vscode 安装 markdown插件 来写博文

  2. 需要配截图的时候,使用 Snipate 的快捷键进行截图

  3. 使用 utools (一个好用的效率工具集合) 配合图片压缩插件进行图片压缩后将压缩文件粘贴到 剪贴板

强烈建议压缩图片,在基本不减少画质的前提下就可以压缩很多体积,提高网页的加载速度。
大家不想特意为此安装一个软件也可使用一些网站来实现

  1. picgo 的快捷键 ctrl+shift+p 将图片上传至 github图床 ,等带弹出通知 上传成功 后,就可以直接在文中 ctrl+v 粘贴图片了

  2. 最后简单梳理一下操作流程
    截图软件截图 --> 压缩图片并粘贴至剪贴板 --> ctrl+shift+P --> ctrl+v

更新于 阅读次数

请我喝[茶]~( ̄▽ ̄)~*

木 白 微信支付

微信支付

木 白 支付宝

支付宝

木 白 贝宝

贝宝