手把手教你用 GitHub+PicGo+jsDelivr 搭建免费的博客图床

最近整了个 Hexo 博客来记录一些学习的知识点,欢迎大家进去里面耍耍,提下建议,博客里的文章和这里的文章都会同步更新。

https://guojingtao-1997.github.io/

利用 GitHubPicGo 可以很方便的搭建私人图床

特点

  • 实现图片文件的固定链接访问,使 Markdown 格式文章插入图片更方便

  • GitHub 仓库搭建图床操作简单且无需额外付费

  • jsDelivr CDN 加速访问,解决国内 GitHub 访问速度慢的问题

GitHub

注册 GitHub 账号

在配置 GitHub 仓库之前我们要先拥有一个 GitHub 账号,如果你还没有的话,不妨点击这里前往注册。

创建 GitHub 仓库

注册完毕后我们会看到以下界面,这里我们点击 New 创建一个新仓库

GitHub 界面

点击 New 之后页面会跳转至如下界面,在该界面我们需要对仓库进行配置,具体填写步骤可参考图片内的指引

配置仓库属性

注: 仓库类型如果选为私有,则在 PicGo 的相册中将看不到上传后的图片,建议设为公有,因此我们在上传图片到图床时要注意保护个人隐私

设置完毕后点击下方按钮即可创建仓库,仓库的界面如下图

仓库界面

生成 token

在使用 GitHub 图床时我们需要先生成一个 token,生成过程也十分简单。

首先我们点击 GitHub 首页的用户头像并点击 Settings 进入设置界面,如图

Settings 界面

进入之后我们下拉至底部,点击 Developer settings 并选择第三个选项后,点击右上角的 Generate new token 进入配置界面,根据下图完成 token 的配置,并下拉至底部点击 Generate token 完成 token 的生成,之后即可直接将 token 复制到 PicGo 中。

配置 token
生成的 token

注: token 只出现一次,因此我们需将其备份起来

PicGo

下载 PicGo

在使用 PicGo 前我们需要先到以下链接去下载,建议选择最新的稳定版本,Beta 版本稳定性相对没那么好。

https://github.com/Molunerfinn/PicGo/releases

如果不是下载安装包,想看源码的话,可以选择 git clone https://github.com/Molunerfinn/PicGo.git 克隆到本地

注: Mac 用户选择 .dmg 下载, Windows 用户选择 .exe 下载。

下载界面

安装完毕,打开后会以小图标形式显示在屏幕右下角,点击小图标即可打开详细窗口,窗口界面还是十分简洁大方的。

PicGo 小图标

配置 PicGo

之后打开 PicGo 选择 GitHub 图床进行配置

PicGo 界面
  • 仓库名的格式为 用户名/仓库 比如我之前创建了一个 PicBed 的仓库,则我需要填入 GuoJingtao-1997/PicBed, 分支名一般填写 mastertoken 则输入之前我们已生成并备份好的 token

  • 指定存储路径可选填,若填写则上传图片时 GitHub 仓库会自动创建新文件夹来保存图片

  • 设置自定义域名会使 PicGo 生成的访问链接为 自定义域名+文件名 的格式,而由于国内访问 GitHub 的速度比较慢,因此我们需要使用 jsDelivr CDN 进行加速,将自定义域名设置为 https://cdn.jsdelivr.net/gh/用户名/图床仓库名 即可

使用 PicGo

接下来就可以愉快的开耍 PicGo 啦,选择相应的格式并将图片拖至相应位置即可上传,之后在相册中选择自己想要的格式并点击相应的图片下方最左侧的按钮即可复制图片的链接,上传图片的格式一般采用 .jpg,同时为了减轻 GitHub 服务器的压力,建议在上传图片前可以对其进行压缩,下面提供一个可进行无损压缩的网站供大家使用

https://tinypng.com/

PicGo 相册界面

注: 有时会出现上传失败的情况,这时可以尝试将 PicGo设置 里的 设置Server 关闭后再打开或者重启 PicGo

大家可以自行探索 PicGo 的其他用法,希望本文的内容对大家有所帮助,也欢迎大家在下方留言指出其中错误或遗漏的地方。

©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 194,670评论 5 460
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 81,928评论 2 371
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 141,926评论 0 320
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 52,238评论 1 263
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 61,112评论 4 356
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 46,138评论 1 272
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 36,545评论 3 381
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 35,232评论 0 253
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 39,496评论 1 290
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 34,596评论 2 310
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 36,369评论 1 326
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 32,226评论 3 313
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 37,600评论 3 299
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 28,906评论 0 17
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 30,185评论 1 250
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 41,516评论 2 341
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 40,721评论 2 335