jsDeliver+github打造属于自己的图床

文章目录

一. 简介
- 1.什么是图床
- 2.什么是jsDelive
- 3.为什么搭建图床
二. github的配置
- 1.创建github仓库
- 2.推送图片资源到仓库
- 3.发布版本
三. jsDelive加载资源
四. 服务器图床盘点
五. 总结

一. 简介

1.什么是图床

百度：“图床一般是指储存图片的服务器，有国内和国外之分。国外的图床由于有空间距离等因素决定访问速度很慢影响图片显示速度。国内也分为单线空间、多线空间和cdn加速三种。”
注意：github 支持的就是cdn加速

2.什么是jsDelive

jsDelivr 是一个免费开源的 CDN 解决方案，用于帮助开发者和站长。包含 JavaScript 库、jQuery 插件、CSS 框架、字体等等 Web 上常用的静态资源。

我们可以进入 jsDeliver官网来查看

3.为什么搭建图床

我们在写用markdown写博客的时候，需要插入图片，图片存在本地的话上传到微博或者自己搭建的博客网站上面是无法显示的
编写网页的时候，需要插入图片的地方，我们总不能放在相应的文件夹，这样会影响网页的加载速度

所以我就就需要用到图床，将图片保存到服务器上，使用的时候直接用
URL 来获取先显示
注意：URL是文件的网络地址，相当于人的住址，每一个网络资源都有固定且唯一的网络地址

二. github的配置

1.创建github仓库

如果你初次接触github 的话，你可以先学习一下 github入门

2.推送图片资源到仓库

将本地的图片资源上传到我们的仓库，方法很多我们采用微软的github软件来推送到我们的仓库

我也就不多说了，不会的还是看一下 github入门

注意

鼠标在那个文件夹下左键打开 git bash here，执行命令就默认在那个文件夹下
推送的文件特别多，我们可以采用 * 代表全部文件

git add * //注意 *代表当前目录下所用的文件
git commit -m "add files" //然后推送到本地仓库
git push //推送到远程仓库

3.发布版本

点击release 发布版本

发布成功

三. jsDelive加载资源

使用方法

https://cdn.jsdelivr.net/gh/你的用户名/你的仓库名@发布的版本号/文件路径比如：//加载jshttps://cdn.jsdelivr.net/gh/yremp/cdn@1.0/js/jquery.js//加载图片https://cdn.jsdelivr.net/gh/yremp/cdn@1.0/images/hb.png

重点：这个链接相当于一个外链，使用和直链一样，如下图：总的来说，外链怎么用，这个链接怎么用

这是我的测试图片
https://cdn.jsdelivr.net/gh/zfq0620/cdn@1.2/img/custom/weixing.png

四. 服务器图床盘点

也有好多，不需要我们自己搭建的，图床服务器，推荐给大家

路过图床
网站： https://imgchr.com/
简介：支持免注册上传图片，永久存储，支持HTTPS加密访问和调用图片，提供多种图片链接格式，成立于2011年
限制：最大10M
SM.MS
网站:https://sm.ms/
特点：永久存储免注册，图片链接支持https，可以删除上传的图片，提供多种图片链接格式，建立于2015年，速度比路过图床慢
图片上传限制：每个图片最大5M，每次最多上传10张
小贱贱图床
网站：http://pic.xiaojianjian.net
需要注册，每日可以上传图片30张，上传后可以获取一个简单的外链，速度很快，但是图片清晰度会变低
聚合图床
网站：https://www.superbed.cn
简介：将图片分发到多处备份，借助其本身的CDN加速功能，节省服务器流量，并且不用担心图片被删除，即便其中某几个图床上的图片被删除了，还有其他备份，保证万无一失，支持匿名和注册管理
图片上传限制：无
堆爱外链
地址：http://pan.duiai.cc
简介：注册才可以上传，存在的时间比较久，除了图片还可以上传视频和音乐
限制：视频体积过大不可，但具体限制不明

五. 总结

搭建图床的方法很多，就像七牛云30天后会回收测试域名，因此你必须要绑定自己的已经备案的域名，又拍云也需要绑定域名才可以使用，所有我不推荐大家使用。

在这里我给大家推荐两个软件

mpic
下载地址：https://www.lanzoui.com/ia1vy9a

picGo
下载地址：https://www.lanzoui.com/ia1vp8f

jsDeliver+github打造属于自己的图床相关推荐

使用Github和PicGO搭建免费图床
使用Github和PicGO搭建免费图床一.新建Github仓库和安装PicGo 二.设置PicGo 三.设置Typora 文章目录使用Github和PicGO搭建免费图床前言一.新建Gith ...
实战：如何利用Github搭建自己的免费图床-20211106
文档版本 2021年11月6日14:38:37更新:创建文档: 原文链接 https://zhuanlan.zhihu.com/p/353775844 1.前言 0.什么是图床对于写博客的朋友们来讲 ...
如何使用 Github 作为自己的免费图床
文章目录如何使用 Github 作为自己的免费图床前言教程 1. 分析所需资料 2. 注册账号 3. 创建仓库填写资料 4. 创建token 5. 填写 github设置资料后语如何使用 ...
在GitHub上搭建typora的图床
在GitHub上搭建typora的图床 PicGo和github搭建免费图床 **用到的工具:**PicGo PicGo是一款简易的图床上传工具,可以通过拖拽或者复制粘贴的方式将图片上传到图床. 下载 ...
GitHub + jsDelivr + PicGo 搭建个人图床
具体步骤: Github 仓库新建一个 public 的 Github 仓库,参照官方文档生成一个 token密钥 PicGo 下载 PicGo ,安装完成后打开,图床设置选 GitHub图床 ...
PicGo五分钟打造你的私人图床（稳定、快速、免费）
何为图床简单说,图床的输入是一张图片,输出是一个链接通过这个链接便可以随时随地的查看你输入的照片~ 为什么要使用图床呢? 我个人的遇到的情况主要有两个(其实也就是一种情况): 一个是项目文档上传到 ...
如何利用 Github 搭建自己的免费图床？
前言对于写博客的朋友们来讲,图床这个东西一定不会陌生,而且在一定程度上也给大家造成过一定困扰. 对于不清楚这个东西的朋友,我就在这儿大概说一下图床是个啥东西.所谓图床,其实可以就相当于我们手机上的相 ...
如何配置 GitHub 为个人的手机图床
前言 PicPlus 是一个图床上传 APP,帮你快速上传手机图片到各个图床,支持七牛云.阿里云.又拍云等主流图床,此外还支持配置 GitHub.码云为个人图床. 上传时支持自动压缩图片,以获取更好 ...
Backblaze + Cloudflare + Picgo 打造免费顺畅的图床体验
本文xlog地址:https://x.cosine.ren/backblaze-cloudflare-picgo-imgbed hexo 地址:https://ysx.cosine.ren/backb ...