前言

对于写博客的朋友们来讲,图床这个东西一定不会陌生,而且在一定程度上也给大家造成过一定困扰。

对于不清楚这个东西的朋友,我就在这儿大概说一下图床是个啥东西。所谓图床,其实可以就相当于我们手机上的相册,不过他是在线的,而且是对大家开放的,大家都可以访问查看,但是编辑删除这些功能仅限于拥有者,就相当于用百度云分享的公开照片,你可以查看,也可以下载下来编辑,但是拥有权还是属于分享者。

那你可能会疑惑,那这个东西和写博客的我们有啥关系呢?

你想想,我们写博客,是不是有很多图片需要插入,我们这些博客要保留在本地的时候你可以预览到图片,但一旦你要把它发布到网上,这时候问题来了!发现图片上传失败,那是因为你本地的图片都是存在本地的,平台不会自动给你上传,那这个时候就凸显出图床的重要性了。当然了,如果你是直接在平台进行编辑,那着一点就不用担心了,基本平台都会自动给你上传到它自己的服务器。

有了图床,我们在本地写好博客之后,就能够任意复制到其他平台,不用担心图片丢失问题了。

今天的文章就是给大家分享一个搭建免费图床的教程,既是方便自己后续的复习,也希望对大家也有所帮助。

准备工作

那么在正式开始之前,你需要提前准备以下东西:

一个 Github 账号

好了,就这么简单,只要你有一个 Github 账号就够了,你就能拥有一个免费的图床了,如果你还没有,那赶紧去 注册 一个账号吧。

搭建过程

这一部分就是正式开始大家过程了,准备好大干一场吧!

  1. 登录你的 Github 之后,创建一个新的仓库;

  1. 填写仓库先关资料,一般只需要选一个合适的仓库名,然后确保仓库为 public 其他的保持默认就好;

  1. 一般创建成功之后,会出现如下界面,至此,我们的图床算是创建好了,接下来就是如何上传图片了;

上传图片

通过上面的步骤,我们的图床时搭建好了,但是通过传统的方法向 Github 上传图片太麻烦了,这里我们推荐使用一个开源图床工具 PicGo 来作为我们的图片上传工具;

PicGo 的安装就不说了,去他的 官网 下载对应版本进行安装即可,我们主要讲讲如何用它来上传图片。安装后,打开软件其主页面如下:

接下来就是配置 PicGo 的过程了。

  1. 首先,我们先要去 Github 创建一个 token;

以此打开 Settings -> Developer settings -> Personal access tokens,最后点击 generate new token

  1. 填写及勾选相关信息,然后点击 Genetate token 即可;

  1. token 生成,注意它只会显示一次,所以你最好把它复制下来到你的备忘录存好,方便下次使用,否则下次有需要重新新建;

  1. 配置 PicGo,依次打开 图床设置 -> Github 图床;

  1. 填写相关信息,最后点击 确定即可,要将其作为默认图床的话,点击设为默认图床;

  1. 上传图片,通过上传区上传即可(Ctrl V 或者将图片拖拽都可以),也可以通过快捷键的方式上传(默认上传键为 Ctrl + Shift + P);

加速访问

大家可能会发现,我们上传到 Github 的图片有时候访问太慢了,有时候甚至直接加载不出来!那该咋办呢?

这时候我们就可以用 jsDelivr 进行免费加速,而设置的方法也很简单,只需要在我们 PicGo 图床配置中添加如下自定义域名即可;

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

比如我的就是 https://cdn.jsdelivr.net/gh/cunyu1943/blog-imgs

图床推荐

除开用 Github 搭建的方式之后,我们也可以用 Gitee 进行搭建,搭建方式和本文大致相同。此外,我也推荐几个免费的图床给大家,大家可以根据自己的喜好进行选择;

  1. 路过图床
  2. SM.MS
  3. Imgur

7. 总结

至此,我们的搭建免费图床的教程就到此结束了,总结一下主要有如下几部分:

  1. 准备一个 Github 账号;
  2. 搭建图床仓库;
  3. 上传图片设置;
  4. 加速访问;
  5. 免费图床推荐;

如果你对上面的部分有疑问,欢迎留言或者私信,我会在看到的第一时间回复你!

如何利用 Github 搭建自己的免费图床?相关推荐

  1. 实战:如何利用Github搭建自己的免费图床-20211106

    文档版本 2021年11月6日14:38:37更新:创建文档: 原文链接 https://zhuanlan.zhihu.com/p/353775844 1.前言 0.什么是图床 对于写博客的朋友们来讲 ...

  2. 如何使用 Github 作为自己的免费图床

    文章目录 如何使用 Github 作为自己的免费图床 前言 教程 1. 分析所需资料 2. 注册账号 3. 创建仓库 填写资料 4. 创建token 5. 填写 github设置资料 后语 如何使用 ...

  3. github加速_使用Picgo+GitHub+ jsDelivr搭建CDN加速免费图床

    前言 经常写Markdown或者博客的同学,肯定都要用到图床.图床是什么呢?其实相当于一个存储图片的网站,类似百度云这样,不过上传图片到图床后可以直接通过外链进行访问. 比如把本地一张a.jpg上传到 ...

  4. markdown--写博客高清大图水印很烦恼?Github+PicGo实现在线免费图床

    目录 ❤️学习背景 ☀️一.配置GitHub

  5. Chevereto图床搭建 | 利用云服务器搭建免费图床完整教程

    前言: 手里有台香港阿里云机器,不知道干什么好,干脆拿来做些小实验,呆在家里防疫都已经快长毛了...博客上的图片本来是托管在阿里云OSS上的,但是感觉管理起来不是很方便.而且本来很好用的 SM.MS ...

  6. 【优化/加速】CDN 免费图床推荐 / 使用jsDelivr +Github搭建

    免费图床网站 路过图床 官网地址:https://imgchr.com 简介:支持免注册上传图片,永久存储,支持HTTPS加密访问和调用图片,提供多种图片链接格式,成立于2011年 限制:最大10M ...

  7. 利用Github搭建自己的图床

    MDPIC 利用Github搭建自己的图床! 简介 | English Version

  8. Hexo博客搭建之PicGo+Github免费图床使用指南

    Hexo 博客站点搭建完成之后,需要考虑如何在文章中添加图片或视频.创建图床的目的是为本地图片等资源生成一个超链,然后将此连接嵌入到 markdown 编写的博客文章中,以此来解决博客中图片等资源的显 ...

  9. PicGo+github搭建免费图床

    PicGo+github搭建免费图床 使用Github(需要一个GitHub账号)和PicGO来搭建一个免费图床,为了避免自己的博客迁移或者转发给别人而无法显示图片,造成阅读障碍. 图床是什么 图床一 ...

最新文章

  1. python函数模块概念_python中模块和包的概念
  2. AT4352-[ARC101C] Ribbons on Tree【dp,容斥】
  3. 【LeetCode笔记 - 每日一题】373. 查找和最小的 K 对数字(Java、堆、优先队列)
  4. 从 JavaScript 到 TypeScript
  5. [GoogleAppEngine]GAE平台需设置默认threadsafe-编译问题
  6. 性能VS功能,同为测试又有哪些不一样?
  7. 第一章 ASP.NET MVC简介(1.1)
  8. Oracle 数据块损坏与恢复具体解释
  9. 万网空间PHP 伪静态化,disuczx版块URL伪静态目录化设置方法
  10. Proteus 8.6 SP2 Pro 汉化破解版(附破解文件+汉化包+安装教程) 兼容win10
  11. typedef定义结构体数组类型
  12. udp接受_电脑网络基础知识:用户数据报协议(UDP)的学习
  13. html情侣相册,浪漫的情侣相册名字
  14. 失焦事件触发_js中表单的聚焦失焦事件
  15. 流利说英语level4_英语流利说懂你英语 Level4 Unit1 Part1 Vocabulary
  16. 2021年最实用的12款SEO工具
  17. 线性表-顺序表的基本操作
  18. iPhone手机使用:iPhone XR的双卡双待设置
  19. HNUST 挑战ACM迷宫(DFS)
  20. Linux下查看文件和文件夹大小

热门文章

  1. 乐山计算机学校军训,心有多大,舞台就有多大!乐山这名中职学生考上双一流211重点大学...
  2. “真功夫”与“花拳绣腿”
  3. ctf比赛/学习资源整理,记得收藏!
  4. github android涂鸦,Android 涂鸦最佳实践
  5. 计算机打游戏的硬件,玩电脑常见的六大误区 看看你犯了几条
  6. 光栅渲染器(六)着色准备和深度缓存实现
  7. Codeforces Round #727 (Div. 2) B. Love Song
  8. 2020哈工大深圳学硕上岸,控制原理133,英一84.
  9. iphone怎么连接itunes相关解锁教程
  10. 对话翁志:京东大数据如何让技术真正落地