GitHub + jsDelivr + PicGo + Imagine 打造稳定快速、高效免费图床
前言
为什么要使用图床呢?
因为在不同平台发布同一篇文章的时候,最一个痛苦的点就是,图片存储问题,各个平台的文件存储方式各不相同,无法直接 Ctrl C
的方式一键搞定,为了解决这个问题,使用 MarkDown 图床
的方式进行文章的写作,将图片放到一个统一的地方,在文章中引入图片外链。
所谓图床,就是将图片储存到第三方静态资源库中,其返回给你一个 URL 进行获取图片。MarkDown
支持使用 URL 的方式显示图片,我想这也是程序员为什么对其偏爱的原因之一。
作为程序员,你会发现,现在很多论坛和社区都开始支持使用 MarkDown
,如果你没使用图床的情况下,你分享同一篇文章,你要在不同的平台,各自重新编辑排版一遍和上传图片一次。
有了图床,情况就不一样了,Ctrl C
的方式就搞定了,根本不用再 Check 文章内容一遍。
图床的选择?
微博图床
:以前用的人比较多,从 2019 年 4 月开始开启了防盗链,凉凉SM.MS
:运营四年多了,也变得越来越慢了,到了晚上直接打不开图片,速度堪忧其他小众图床
:随时有挂掉的风险Imgur 等国外图床
:国内访问速度太慢,随时有被墙的风险大厂储存服务
:例如七牛云、又拍云、腾讯云COS、阿里云OSS等,操作繁琐,又是实名认证又是域名备案的,麻烦,而且还要花钱(有钱又不怕麻烦的当我没说)GitHub 图床
:免费,但是国内访问速度慢(不过没关系,利用jsDelivr
提供的免费的 CDN 加速 速度足够了)
使用流程
- 新建 GitHub 仓库
- 生成一个 Token
- 配置 PicGo 并使用 jsdelivr 作为 CDN 加速
- 使用 Imagine 进行图片压缩
- 上传图片到 PicGo 并使用图床
新建 GitHub 仓库
- 登录/注册 GitHub
- 新建一个仓库,填写好仓库名
- 仓库描述
- 将权限设置成
public
- 根据需求选择是否为仓库初始化一个
README.md
描述文件
生成一个 Token
- 点击用户头像 -> 选择
Settings
- 点击
Developer settings
- 点击
Personal access tokens
- 点击
Generate new token
- 填写
Token
描述,勾选repo
,然后点击Generate token
生成一个Token
- 获取
Token
密钥
注意这个 Token 只会显示一次,自己先保存下来,或者等后面配置好 PicGo 后再关闭此网页
配置 PicGo 并使用 jsdelivr 作为 CDN 加速
前往下载 PicGo(点击下载),安装好后开始配置图床
设定仓库名:按照
用户名/图床仓库名
的格式填写设定分支名:
master
设定 Token:粘贴之前生成的
Token
指定存储路径:填写想要储存的路径,如
img/
,这样就会在仓库下创建一个名为img
的文件夹,图片将会储存在此文件夹中设定自定义域名:它的的作用是,在图片上传后,PicGo 会按照
自定义域名 上传的图片名
的方式生成访问链接,放到粘贴板上,因为我们要使用jsDelivr
加速访问,所以可以设置为https://cdn.jsdelivr.net/gh/用户名/图床仓库名
Q:什么是 jsdelivr ?A:jsDelivr 为开发者提供免费公共 CDN 加速服务
使用 Imagine 进行图片压缩
通常情况下,图片大小都是超过 200KB 的,所以网页加载的时候会特别慢,一般我们会对图片进行压缩,这里我推荐 Imagine(点击下载) 支持全平台。
Imagine 采用的是有损压缩,介意的可以忽略这一步
顺便推荐一个无损压缩的网站:https://tinypng.com/
上传图片到 PicGo 并使用图床
配置好 PicGo
后,我们就可以进行高效创作了,将压缩后的图片
拖拽到上传区
,将会自动上传并复制访问链接
,将链接粘贴到博文中就行了,访问速度杠杠的
此外 PicGo
还有相册功能,可以对已上传的图片进行删除,修改链接等快捷操作,PicGo
还可以生成不同格式的链接、支持批量上传、快捷键上传、自定义链接格式、上传前重命名等,更多功能自己去探索吧!
欢迎访问我的个人博客:https://sitoi.cn
GitHub + jsDelivr + PicGo + Imagine 打造稳定快速、高效免费图床相关推荐
- Github+jsDelivr+PicGo 打造稳定快速、高效免费图床
本文原创首发于我的个人博客:www.itrhx.com,欢迎访问! 本文在我个人博客上的链接:https://www.itrhx.com/2019/08/01/A27-image-hosting/ – ...
- GitHub + jsDelivr + Nginx + PicGo 搭建自定义域名CDN加速免费图床
前言 经常写Markdown或者博客的同学,一般都会用到图床.图床是什么呢?其实就是一个存储图片的网站,上传图片到图床后可以直接通过外链进行访问. 例如把本地一张test.jpg上传图床后,即可以用外 ...
- 【优化/加速】CDN 免费图床推荐 / 使用jsDelivr +Github搭建
免费图床网站 路过图床 官网地址:https://imgchr.com 简介:支持免注册上传图片,永久存储,支持HTTPS加密访问和调用图片,提供多种图片链接格式,成立于2011年 限制:最大10M ...
- GitHub+jsDelivr+PicGo+Visual Studio Code 打造稳定、快速、高效、免费图床
该文章的最新版本已迁移至个人博客[比特飞],单击链接:GitHub+jsDelivr+PicGo+Visual Studio Code 打造稳定.快速.高效.免费图床 | .Net中文网. 前言 本文 ...
- vscode从原有分支上新建_GitHub+VSCode 打造稳定、快速、高效、免费图床
本文由 比特飞 原创发布,欢迎大家踊跃转载. 转载请注明本文地址:https://www.byteflying.com/archives/1341. 前言 本文介绍如何使用 GitHub+jsDeli ...
- Github+PicGo+Jsdelivr 免费图床
Github+PicGo+Jsdelivr 免费图床 文章目录 Github+PicGo+Jsdelivr 免费图床 解决github 访问慢的问题 Host s 的简介 Hosts 的作用 Host ...
- Github+jsDelivr搭建免费快速的个人图床
香!手把手搭建免费快速的个人图床 经常写博文的朋友对床图肯定不陌生.岛主习惯使用markdown撰写博客,将图片放在床图网站生成外链统一管理,这样一份博文就可以发布在不同的平台.不过免费的床图网站有时 ...
- GitHub + jsDelivr + PicGo 搭建个人图床
具体步骤: Github 仓库 新建一个 public 的 Github 仓库,参照 官方文档 生成一个 token密钥 PicGo 下载 PicGo ,安装完成后打开,图床设置 选 GitHub图床 ...
- PicGo+github搭建免费图床
PicGo+github搭建免费图床 使用Github(需要一个GitHub账号)和PicGO来搭建一个免费图床,为了避免自己的博客迁移或者转发给别人而无法显示图片,造成阅读障碍. 图床是什么 图床一 ...
最新文章
- 递归/分治:归并排序
- 公共基因表达数据分析系统genevestigator,再也不愁表达数据的查询和比较了
- R语言绘图-常用参数
- 2.1.2 操作系统之进程的状态(运行、就绪、阻塞、创建、终止)及转换(就绪-运行、运行-就绪、运行-阻塞、阻塞-就绪)
- 看TensorFlow如何玩转深度学习
- 创建 WPF 不规则窗口
- 1. SVN (1)
- SoapUI接口测试断言
- 推荐|Java学习资料大全(电子书+视频)
- 大数据与数据挖掘的相对绝对关系
- 完整总结:量子物理学的探索史,它的恢宏值得敬畏!
- 分布式数据库DBLE
- 什么是DNS的正向解析与反向解析?代码实现?
- 【设计模式】七大原则之“依赖倒转原则”
- Ajax提交Form表单的两种简单方式
- 【无标题】7-11 sdut-C语言实验- 数列有序! 7-12 sdut-C语言实验- 中位数 7-13 sdut-C语言实验-各位数字之和排序 7-14 sdut-C语言实验- 冒泡排序中数据交换
- a标签 rel=“external nofollow“ 用法
- 收藏 | 美国数字资产行政命令中文版全文
- BEA CEO庄思浩清华大学演讲(2002/12)
- 总是被当下的眼界局限的想象力,比如视频网站、比如5G...
热门文章
- 十二年了,阿里云终于盈利了
- 一、网络游戏架构的前世今生(1)
- 2015年最受欢迎的十篇神秘的程序员漫画
- 怎么营造一个好的开发氛围
- android私密照片恢复,如何恢复手机删除照片? 超实用操作方法!
- 错误[error] 1366 解决方法
- 网络七层模型和TCP/IP分层模型
- fatal error LNK1112: 模块计算机类型“X86”与目标计算机类型“x64”冲突——我的解决方案
- 前和讯新浪微博高级工程师姚飞:合作,共赢。
- 2020第十一届蓝桥杯省赛有感_我的奇葩经历