一劳永逸,使用 PicGo + GitHub 搭建个人图床工具

简介: 一劳永逸,使用 PicGo + GitHub 搭建个人图床工具

原文链接:一劳永逸,使用 PicGo + GitHub 搭建个人图床工具


经常写博客的同学都知道,有一个稳定又好用的图床是多么重要。我之前用过七牛云 + Mpic 和微博图床,但总感觉配置起来比较麻烦,用起来也不是很顺手。而且更让人担心的是,万一有一天图床服务不能用了怎么办?那之前的图片岂不是都挂了。


直到遇到了 PicGo + GitHub,彻底打消了我的所有顾虑,而且配置简单,使用优雅。背靠 GitHub 和微软,稳定性问题基本不用担心。还有就是支持 Windowns,macOS 和 Linux 平台。


唯一的缺点,如果算的话,就是隐密性问题。因为所有图片都是上传到了 GitHub 的一个公有仓库,如果在意这点的话就不太适合。不过我上传的都是技术文章中的配图,这一点对我来说根本不是问题。


下面就来手把手教大家如何配置,非常简单。


配置 GitHub


新建仓库:


dfbce3681dcd4ea6be93d153ca280029~tplv-k3u1fbpfcp-zoom-in-crop-mark 1304 0 0 0.png


这里需要注意:仓库得设置为 Public 。因为后面通过客户端访问算是外部访问,因此无法访问 Private ,这样的话图片传上来之后只能存储不能显示。


仓库建好之后,点击页面右上角,进入 Settings:


399e72236bab47c59e479b399e18ca82~tplv-k3u1fbpfcp-zoom-in-crop-mark 1304 0 0 0.png


然后进入 Developer settings:


0611ed8034424382b0ea17800dd6a0fe~tplv-k3u1fbpfcp-zoom-in-crop-mark 1304 0 0 0.png


点击 Personal access tokens,再点 Generate new token 新建 token。


0e701cc07a46471188db9d325c363d21~tplv-k3u1fbpfcp-zoom-in-crop-mark 1304 0 0 0.png


填写 Notes 信息,选择 token 过期时间,为了安全,GitHub 会强烈建议不要设置成永久。这个大家根据自己实际情况选择,到期之后重新生成即可。


复选框的话,repo 一定要全选,其他的无所谓,我是都勾选了。


确定之后,就生成我们需要的 token 了。


d3dc2f3ec9e6408aab60312652047b51~tplv-k3u1fbpfcp-zoom-in-crop-mark 1304 0 0 0.png


配置 PicGo


下载 PicGo:点击下载地址,然后安装。


0b24afc1452640f993bdcd04406da70f~tplv-k3u1fbpfcp-zoom-in-crop-mark 1304 0 0 0.png


  • 设定仓库名:上文在 GitHub 创建的仓库。
  • 设定分支名:main。
  • 设定 Token:上文生成的 token。
  • 指定存储路径:为空的话会上传到跟目录,也可以指定路径。
  • 设定自定义域名:可以为空,这里为了使用 CDN 加快图片的访问速度,按这样格式填写:cdn.jsdelivr.net/gh/GitHub 用户名/仓库名


配置完成后就可以使用了。


92ddb09206ab45d1b75321930e21d05b~tplv-k3u1fbpfcp-zoom-in-crop-mark 1304 0 0 0.png

直接拖拽,或者点击上传都可以。

f6f24d2008ea47728d2d16eac3bad1a4~tplv-k3u1fbpfcp-zoom-in-crop-mark 1304 0 0 0.png

上传成功之后,在 GitHub 的仓库就可以看到了。

566e9cf41e184aa5917ac753b1105020~tplv-k3u1fbpfcp-zoom-in-crop-mark 1304 0 0 0.png


最后,在相册里复制外链,粘贴到我们的 markdown 文档中,就可以看到图片了。


目录
相关文章
|
5月前
|
缓存 前端开发 JavaScript
通过jsDelivr实现Github图床CDN加速
jsdelivr是一个免费的公共CDN(内容分发网络)服务,它允许网站开发者将他们的代码库、JavaScript库、字体和其他资源托管在jsdelivr上,并通过jsdelivr的CDN网络进行快速分发。使用jsdelivr可以有效地减少用户下载资源的时间,提高网页加载速度,同时减轻原始服务器的负载。
363 1
|
5月前
|
存储 JavaScript 网络架构
【开源图床】使用Typora+PicGo+Github+CDN搭建个人博客图床
【开源图床】使用Typora+PicGo+Github+CDN搭建个人博客图床
260 3
|
5月前
|
Web App开发 前端开发 数据库
推荐GitHub上开源的一款独立开发者出海技术栈和工具合集
推荐GitHub上开源的一款独立开发者出海技术栈和工具合集
211 0
|
7天前
|
Windows
github图床链接打开提示raw.githubusercontent.com无法访问解决
picgo上传图片不显示,到GitHub打开也不显示图片,粘贴链接访问提示“raw.githubusercontent.com无法访问”,百度搜索后修改了下hosts解决了。
57 2
github图床链接打开提示raw.githubusercontent.com无法访问解决
|
5月前
|
前端开发
Github项目分享——免费的画图工具drow,最新前端面试题整理
Github项目分享——免费的画图工具drow,最新前端面试题整理
|
2月前
|
开发者 存储 API
Xamarin 开发者的社区资源概览:从官方文档到GitHub示例,全面探索提升开发技能与解决问题的多元化渠道与实用工具
【8月更文挑战第31天】Xamarin 开发者社区资源概览旨在提升开发效率与解决问题,涵盖官方文档、社区论坛、GitHub 项目等。官方文档详尽,涵盖 Xamarin.Forms 使用、性能优化等;社区论坛供交流心得;GitHub 提供示例代码。此外,第三方博客、视频教程及 Xamarin University 等资源也丰富多样,适合各阶段开发者学习与提升。通过综合利用这些资源,开发者可不断进步,应对技术挑战。
34 0
|
3月前
|
人工智能 分布式计算 BI
透视开源生态,OSGraph——GitHub全域数据图谱的智能洞察工具
【7月更文挑战第5天】透视开源生态,OSGraph——GitHub全域数据图谱的智能洞察工具
透视开源生态,OSGraph——GitHub全域数据图谱的智能洞察工具
|
2月前
PicGo——利用PicGo和GitHub搭建免费图床提供给Typecho使用
PicGo——利用PicGo和GitHub搭建免费图床提供给Typecho使用
15 0
|
4月前
|
Linux
Typore+PicGo+GitHub图床搭建
Typore+PicGo+GitHub图床搭建
27 1
|
JavaScript 安全 开发工具
在github上搭建blog(基于Node.js的Hexo+next)
演示 安装node.js wget https://nodejs.org/dist/v4.4.6/node-v4.4.6.tar.gz $ tar zxvf node-v0.8.16.tar.gz $ ./configure $ sudo make && sudo make install 或者使用Hexo官网说的方式: 安装 Node.js 的最佳方式是使用 nvm。
1304 0
下一篇
无影云桌面