如何利用 Github 搭建自己的免费图床?
前言
对于写博客的朋友们来讲,图床这个东西一定不会陌生,而且在一定程度上也给大家造成过一定困扰。
对于不清楚这个东西的朋友,我就在这儿大概说一下图床是个啥东西。所谓图床,其实可以就相当于我们手机上的相册,不过他是在线的,而且是对大家开放的,大家都可以访问查看,但是编辑删除这些功能仅限于拥有者,就相当于用百度云分享的公开照片,你可以查看,也可以下载下来编辑,但是拥有权还是属于分享者。
那你可能会疑惑,那这个东西和写博客的我们有啥关系呢?
你想想,我们写博客,是不是有很多图片需要插入,我们这些博客要保留在本地的时候你可以预览到图片,但一旦你要把它发布到网上,这时候问题来了!发现图片上传失败,那是因为你本地的图片都是存在本地的,平台不会自动给你上传,那这个时候就凸显出图床的重要性了。当然了,如果你是直接在平台进行编辑,那着一点就不用担心了,基本平台都会自动给你上传到它自己的服务器。
有了图床,我们在本地写好博客之后,就能够任意复制到其他平台,不用担心图片丢失问题了。
今天的文章就是给大家分享一个搭建免费图床的教程,既是方便自己后续的复习,也希望对大家也有所帮助。
准备工作
那么在正式开始之前,你需要提前准备以下东西:
一个 Github 账号
好了,就这么简单,只要你有一个 Github 账号就够了,你就能拥有一个免费的图床了,如果你还没有,那赶紧去 注册 一个账号吧。
搭建过程
这一部分就是正式开始大家过程了,准备好大干一场吧!
- 登录你的 Github 之后,创建一个新的仓库;
- 填写仓库先关资料,一般只需要选一个合适的仓库名,然后确保仓库为
public
其他的保持默认就好;
- 一般创建成功之后,会出现如下界面,至此,我们的图床算是创建好了,接下来就是如何上传图片了;
上传图片
通过上面的步骤,我们的图床时搭建好了,但是通过传统的方法向 Github 上传图片太麻烦了,这里我们推荐使用一个开源图床工具 PicGo 来作为我们的图片上传工具;
PicGo 的安装就不说了,去他的 官网 下载对应版本进行安装即可,我们主要讲讲如何用它来上传图片。安装后,打开软件其主页面如下:
接下来就是配置 PicGo 的过程了。
- 首先,我们先要去 Github 创建一个 token;
以此打开 Settings -> Developer settings -> Personal access tokens
,最后点击 generate new token
;
- 填写及勾选相关信息,然后点击
Genetate token
即可;
token
生成,注意它只会显示一次,所以你最好把它复制下来到你的备忘录存好,方便下次使用,否则下次有需要重新新建;
- 配置 PicGo,依次打开 图床设置 -> Github 图床;
- 填写相关信息,最后点击
确定
即可,要将其作为默认图床的话,点击设为默认图床;
- 上传图片,通过上传区上传即可(Ctrl V 或者将图片拖拽都可以),也可以通过快捷键的方式上传(默认上传键为
Ctrl + Shift + P
);
加速访问
大家可能会发现,我们上传到 Github 的图片有时候访问太慢了,有时候甚至直接加载不出来!那该咋办呢?
这时候我们就可以用 jsDelivr 进行免费加速,而设置的方法也很简单,只需要在我们 PicGo 图床配置中添加如下自定义域名即可;
https://cdn.jsdelivr.net/gh/用户名/仓库名
比如我的就是 https://cdn.jsdelivr.net/gh/cunyu1943/blog-imgs
图床推荐
除开用 Github 搭建的方式之后,我们也可以用 Gitee 进行搭建,搭建方式和本文大致相同。此外,我也推荐几个免费的图床给大家,大家可以根据自己的喜好进行选择;
- 路过图床
- SM.MS
- Imgur
7. 总结
至此,我们的搭建免费图床的教程就到此结束了,总结一下主要有如下几部分:
- 准备一个 Github 账号;
- 搭建图床仓库;
- 上传图片设置;
- 加速访问;
- 免费图床推荐;
如果你对上面的部分有疑问,欢迎留言或者私信,我会在看到的第一时间回复你!
如何利用 Github 搭建自己的免费图床?相关推荐
- 实战:如何利用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加速_使用Picgo+GitHub+ jsDelivr搭建CDN加速免费图床
前言 经常写Markdown或者博客的同学,肯定都要用到图床.图床是什么呢?其实相当于一个存储图片的网站,类似百度云这样,不过上传图片到图床后可以直接通过外链进行访问. 比如把本地一张a.jpg上传到 ...
- markdown--写博客高清大图水印很烦恼?Github+PicGo实现在线免费图床
目录 ❤️学习背景 ☀️一.配置GitHub
- Chevereto图床搭建 | 利用云服务器搭建免费图床完整教程
前言: 手里有台香港阿里云机器,不知道干什么好,干脆拿来做些小实验,呆在家里防疫都已经快长毛了...博客上的图片本来是托管在阿里云OSS上的,但是感觉管理起来不是很方便.而且本来很好用的 SM.MS ...
- 【优化/加速】CDN 免费图床推荐 / 使用jsDelivr +Github搭建
免费图床网站 路过图床 官网地址:https://imgchr.com 简介:支持免注册上传图片,永久存储,支持HTTPS加密访问和调用图片,提供多种图片链接格式,成立于2011年 限制:最大10M ...
- 利用Github搭建自己的图床
MDPIC 利用Github搭建自己的图床! 简介 | English Version
- Hexo博客搭建之PicGo+Github免费图床使用指南
Hexo 博客站点搭建完成之后,需要考虑如何在文章中添加图片或视频.创建图床的目的是为本地图片等资源生成一个超链,然后将此连接嵌入到 markdown 编写的博客文章中,以此来解决博客中图片等资源的显 ...
- PicGo+github搭建免费图床
PicGo+github搭建免费图床 使用Github(需要一个GitHub账号)和PicGO来搭建一个免费图床,为了避免自己的博客迁移或者转发给别人而无法显示图片,造成阅读障碍. 图床是什么 图床一 ...
最新文章
- python函数模块概念_python中模块和包的概念
- AT4352-[ARC101C] Ribbons on Tree【dp,容斥】
- 【LeetCode笔记 - 每日一题】373. 查找和最小的 K 对数字(Java、堆、优先队列)
- 从 JavaScript 到 TypeScript
- [GoogleAppEngine]GAE平台需设置默认threadsafe-编译问题
- 性能VS功能,同为测试又有哪些不一样?
- 第一章 ASP.NET MVC简介(1.1)
- Oracle 数据块损坏与恢复具体解释
- 万网空间PHP 伪静态化,disuczx版块URL伪静态目录化设置方法
- Proteus 8.6 SP2 Pro 汉化破解版(附破解文件+汉化包+安装教程) 兼容win10
- typedef定义结构体数组类型
- udp接受_电脑网络基础知识:用户数据报协议(UDP)的学习
- html情侣相册,浪漫的情侣相册名字
- 失焦事件触发_js中表单的聚焦失焦事件
- 流利说英语level4_英语流利说懂你英语 Level4 Unit1 Part1 Vocabulary
- 2021年最实用的12款SEO工具
- 线性表-顺序表的基本操作
- iPhone手机使用:iPhone XR的双卡双待设置
- HNUST 挑战ACM迷宫(DFS)
- Linux下查看文件和文件夹大小
热门文章
- 乐山计算机学校军训,心有多大,舞台就有多大!乐山这名中职学生考上双一流211重点大学...
- “真功夫”与“花拳绣腿”
- ctf比赛/学习资源整理,记得收藏!
- github android涂鸦,Android 涂鸦最佳实践
- 计算机打游戏的硬件,玩电脑常见的六大误区 看看你犯了几条
- 光栅渲染器(六)着色准备和深度缓存实现
- Codeforces Round #727 (Div. 2) B. Love Song
- 2020哈工大深圳学硕上岸,控制原理133,英一84.
- iphone怎么连接itunes相关解锁教程
- 对话翁志:京东大数据如何让技术真正落地