github图床

前言

图床一般是指储存图片的服务器,有国内和国外之分。国外的图床由于有空间距离等因素决定访问速度很慢影响图片显示速度。国内也分为单线空间多线空间cdn加速三种。
简单来说就是:在文章中引用指定网址显示图片。

那么我们怎么拥有一个自己的图床呢?这里我只介绍在github上部署自己的创库来创建自己的一个图床

注: 需要部署更多的图床等,可以参考小康博客的这篇文章—>传送门

配置教程

准备工具:

  1. Github注册 (相信大家部署到github上面的网站都已经有自己的账号了吧)
  2. 本地安装PicGo(这个自行百度下载就可以了) 传送门
  3. Typora编辑器 (这个是用来写博客用的,或许在CSDN上写就可以了)

获取Token:

1.新建一个仓库(new responository
在这里插入图片描述
2.进入设置Setting
在这里插入图片描述
(1) 选择开发者设置Developer setting
在这里插入图片描述
(2)选择个人数据帧Personal access tokens,生成新的数据帧 Generate new token
在这里插入图片描述
(3)命名为picgo(图床),赋予仓库权限

Note 部分随便写即可,下边的权限把 repo 相关的打上勾OK了。

在这里插入图片描述

(4)最后点击Generate token即可看到显示的token,它只会显示一次,关闭页面后再打开这个页面就不会显示了。你可以先复制token值粘贴到文本文档中保存,配置PicGo要用到,这里你可以事先打开事先下载好的Picgo,然后粘贴进去就OK了。
在这里插入图片描述

配置Picgo

(1)设定仓库名:这个是刚刚第一步所新建仓库的名称,此处填写格式username/repo

username填的是你注册的用户名,repo填的是你的创建的创库名。

(2)设定分支名:master,采用默认分支即可

(3)设定Token:此处填写上一步得到的Token

(4)指定存储路径:自定义,例:images/,你新建创库时自定义的文件夹,就是你填写Note那里的值

注意:最后一定写 / 不然软件会将他与文件名拼接

(5)设定自定义域名:cdn加速格式:https://cdn.jsdelivr.net/gh/username/repo,username为GitHub用户名,repo为新建的仓库,用于存储图片

注意:要加cdn.jsdelivr.net不然获取不了cdn加速图片

(6)设置快捷键ctrl+shit+C: 在qq截屏ctrl+alt+a后,再ctrl+shift+C可以快速上传

上传方法

拖拽上传

在这里插入图片描述

使用方法:

注意:选择相册,可复制、修改链接、删除图片(不能删除github上的图片,需要手动删除)

在这里插入图片描述

上传失败:
  1. 后期遇到pic显示上传不成功!

  2. 请保证你的配置项没有错!

  3. 但也有可能你在其他地方向仓库上传了资料,此时打开github重新获取token修改即可

如果没有什么意外的话,现在呢,你就拥有一个属于自己的私人图床了呀!开不开心???

### GitHub 使用方法 GitHub 可以作为一个高效的工具来托管片,尤其适合开发者和技术爱好者。以下是具体的操作流程: #### 创建新的 GitHub 仓库 为了存储片,首先需要创建一个新的 GitHub 仓库用于存放这些资源文件[^1]。可以通过访问 GitHub 的官网并登录账号后,在页面右上角找到“New Repository”选项完成新建操作。 #### 配置 Token 访问权限 当仓库建立完成后,需生成一个 Personal Access Tokens (PAT),这是用来授权第三方应用访问你私人数据的一种方式[^3]。此 token 应妥善保存以便后续配置软件时调用。 #### 安装与设置 PicGo 工具 PicGo 是一款支持多种云储存平台的截上传客户端,能够很好地配合 GitHub 实现自动化上传功能。下载安装好该程序之后按照如下步骤进行初始化设定: - **插件管理**:通过点击界面右上方的小齿轮标打开菜单栏中的「Plugins」项;接着浏览至目标位置选取 `picgo-plugin-github` 插件包加载入环境当中[^4]。 ```bash npm install picgo-plugin-github --save-dev ``` - **填写必要参数**:进入 Settings 页面下 General 分支里指定刚才所建好的远程 repository 地址以及先前获取到 personal access tokens 值填充对应字段处。 #### 自动化上传过程 一切准备就绪以后每次截取下来的像都会自动同步推送至关联起来的那个特定分支下面去形成公开链接供外部抓取引用[^2]。 ```javascript const uploadImageToGithub = async () => { const options = { repo: 'your-repo-name', path: '/images/', branch: 'main', // or your default branch name token: process.env.GITHUB_TOKEN, message: 'Add new image' }; try { let result = await github.upload(options); console.log('Uploaded URL:', result.url); } catch(error){ console.error('Error uploading to GitHub:', error.message); } }; ``` ---
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值