🐸[保姆级]教你用picgo+github搭建个人图床

前言

​ 之前有段时间重装了一次系统导致之前很多工具都没了。后来又因为工作忙一直没时间重新装。刚好趁着最近最近比较闲,记录一下搭建图床的过程,重新踩踩坑。

创建Github仓库

首先搭建一个专门存放图片的github仓库

这边创建的仓库必须是公开的,不然后面会读取访问不了。

获取github Token

在上面创建完成仓库之后,我们还需要创建一个无限期的token用于给后面的picgo使用。

这边的时间一定要选择无期限,不然到时候到期了还得重新弄

下面这里选择你的图床仓库,指定这个token只能访问这个仓库。这样比较安全

指定仓库之后,点开下面这个,我们需要给token配置一下权限,不然会出现无法上传的情况

这里把contents的权限配置允许读写

这边token只会出现一次,记得复制存储下来,后面需要用到。

安装PicGo

接下来需要安装PicGo这个工具来辅助我们。

工具地址:Releases · Molunerfinn/PicGo

这边下载根据你自己的操作系统来选择,至于是不是稳定版,我感觉没什么关系只要存储没有问题,最终图片是在github上面的

安装过程就没什么了,直接一直下一步就完事了。

安装完成之后,你应该会打开一个这个页面

配置PicGo

这边有很多选项,我们这里选择github,然后新建一个

下面我的配置是这样的

  • 名称可以随便取

  • 仓库名需要按照:用户名/仓库名这种格式

  • 分支名称按照你要存储的名称来设置,如果你不设置默认是master,不是main。这点要注意,所以一定要设置。

  • 设置token,这个就是前面我们创建的github token把他复制到这里来

  • 存储路径,如果你不设置默认是img/这里看你自己的需求,不过后面一定要/,不然没办法存储到对应的文件夹

  • 自定义域名,这个很重要

    txt 复制代码
    https://cdn.jsdelivr.net/gh/leixq1024/ImageHostingService@main

    直接用githubapi会很慢,所以我们用上cdn来加速

    • 格式

      ini 复制代码
      https://cdn.jsdelivr.net/gh/[用户名]/[仓库名称]@[分支名称]		

      ​ 得按照这个格式来,不然会失败

测试上传

配置完成之后,把图片拖拽到这里测试一下时候上传成功

如果你上传的时候这个条很成功的超过一半都是蓝色,就说明成功了,

这时候在相册就可以看到你上传的图片了

如果失败了,就需要打开日志文件看看,排查具体的问题。

配置typeora

​ 上面配置完成PicGo就轮到typora

打开你的typora的偏好设置,把插入图片设置为上传

这个软件位置,就是前面安装picgo的位置

这边配置完成之后,点击验证上传

如果你出现这个就说明成功。

如果失败,你需要检查一下端口是否一致

端口不一样也会验证失败的。

结尾

根据上面这个配置完成之后,你就有了一个属于自己的图床。如果有遇到问题,欢迎在评论区指出。

相关推荐
爱码小白11 小时前
importlib模块
开发语言·前端·python
fthux11 小时前
装闭 RenoPit 源码解析(13):生成AI装修闭坑PDF报告
人工智能·ai·pdf·开源·github
猫猫不是喵喵.12 小时前
Vue2 的 Vuex 状态管理与 Vue3 的 Pinia 状态管理
前端·javascript·vue.js
greenbbLV12 小时前
中小公司积分商城选型:SaaS与私有化方案对比解析
大数据·前端·小程序
小泊客12 小时前
友善R5C刷OpenWrt后RTL8822CE无线网卡显示“禁用”或“未激活”的完整解决方案
linux·github·运维开发
NutShell Wang13 小时前
Vite 8.1 深度拆解:Rolldown 统一打包器如何终结前端构建的「双引擎时代」
前端·rust·开源·vite·开发者工具·vibe coding
朱容zr33313313 小时前
请解释“回表”的概念。
java·前端·数据库
leslie11814 小时前
webpack笔记
前端·webpack
宁风NF14 小时前
JavaScript:内存、垃圾回收、性能优化
开发语言·前端·javascript·学习·性能优化·es6
勾勾圈圈蛋蛋14 小时前
DOM、BOM、DOM操作详解 + 结合Vue响应式关联梳理
前端