如何白嫖图床(GitHub+PicGo+jsDelivr)

用处

平时我们写博客,用的typecho软件,图片保存的是本地。

但如果把这篇文章转载到其他平台,例如CSDN,图片需要上传到csdn

一个两个图片还好,如果图片太多呢?

图床:图床一般是指储存图片的服务器,我们在部署页面的时候,图片往往是以链接的方式实现的。这种方式,实现了一次存储,多地移植的效果。假如我需要在多个地方发表我们的文章,就不需要再重新一张一张在对方的页面上传图片。

本文将介绍何如白嫖一个图床

  • GitHub存储

  • PicGo上传

  • jsDelivr加速访问

gitee也可以搭建图床,但不推荐使用,限制比较多。

步骤

创建github仓库

New repository

image-20210517141627806

输入仓库名、描述

选择仓库类型

image-20210517141815675

必须是公开库,私有库不支持 jsDelivr cdn加速

留意分支 master

生成Token

Settings -> Developer settings->Personal access tokens

Settings

image-20210517142414602

Developer settings

image-20210517142543311

Personal access tokens

image-20210517142607486

Generate new token

image-20210517142727516

创建成功后,会生成一串token,这串token之后不会再显示,请认真保存

配置PicGo

PicGo下载目录

image-20210517142857860

  • 仓库名

    “账户名/仓库名的格式填写”

  • 分支名

    填写创建仓库时候的分支,一般是master

  • Token

    刚才生成的Token

  • 存储路径最后一定要加上 /

  • 自定义域名

    按照以下格式填写

    https://cdn.jsdelivr.net/gh/用户名/仓库名

    例如我的:https://cdn.jsdelivr.net/gh/oddfar/static

配置好了,在上传区上传图片进行测试

此时我们的图床已经搭建好了

Typora设置(选用)

写markdown推荐使用这个软件

配合 PicGo 可实现插入图片时,自动上传到图床

  1. 打开文件->设置->图像
  2. 插入图片时选择上传图片
  3. 下面三个勾勾选择一下
  4. 上传服务设置选择PicGO,并将路径设置一下

image-20210517143954683

jsDelivr

对于使用存储在GitHub上面的静态文件,不只是图片,可使用jsDelivr CDN快速访问

简单使用:

https://cdn.jsdelivr.net/gh/用户名/仓库名/文件路径

详细规则参考官网:https://www.jsdelivr.com/

我平时如何使用?

我一般是一篇文章写好后,用 git 直接把图片文件夹上传到 GitHub

然后在一键替换链接

关于 Git 的相关教程可看:https://oddfar.github.io/notes/git/

image-20210517144908977

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值