02.配置免费图床Gitee/Github

已于 2022-01-25 23:03:04 修改
阅读量1.3k 收藏 10
点赞数
分类专栏： vuepress博客搭建 文章标签： github gitee 图床 picgo upic
于 2022-01-19 22:17:02 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_33188180/article/details/122591105
版权

前言

前提：

  • 个人瞎玩，不考虑付费的oss存储
  • 考虑通过「github」或者「gitee」搭建免费图床

为什么要使用图床呢？什么是图床？
写文章时，图片的上传和存放是一个问题，有的朋友可能会把图片放到和博客同一个仓库当中，使用相对路径来引用，这样后期维护起来会比较麻烦。还有的朋友会在不同的平台发布同一篇文章，这样一来每个平台都要上传图片。
为了解决这些问题，比较推荐的做法是把图片统一上传到一个在线的第三方静态资源库中，我们把这个资源库称为图床，其返回一个图片的URL，使用markdown+图片url的方式写作文章，一次编写，到处使用~

选择Github/Gitee

  • gitee国内访问稳定，个人免费使用仓库总容量是5G，假设每个图像50K，5G大概可以存放104857张图像，完全够用，实在不够用的话，换个仓库存放就行了。问题不大
  • github国内访问不稳定，仓库容量也有上述问题，但是都无所谓，不够用重新新建一个就可以了。

我是使用Gitee搭建
​

其他工具

  • jsDelivr：免费CDN加速。格式：https://cdn.jsdelivr.net/gh/<用户名>/<仓库名>

使用GitHub作为图床，免费、稳定，但是有一个小缺点是国内访问速度慢，这里可以使用jsDelivr来进行免费CDN加速

⚠️ 注意
jsDelivr 的用户协议里不允许大量的媒体文件访问，此法有风险，但是我还没见过网上有消息说真的有过大规模的禁用 使用jsdelivr时不要瞎搞_wujiuqier的博客-CSDN博客_jsdelivr时好时坏

  • tinypng：压缩你要上传的图片（如图片已经很小或你有更好的压缩工具可省略这一步）

Github搭建图床

建立Github仓库

  1. 创建github仓库，设置为public

image.png
2. 生产token密钥
)
然后点击 Generate token 按钮，即可生成一个token，如下图：
image.png
新生成的 Token 只会显示一次，请妥善保存！如有遗失，重新生成即可。

方法一、PicX

🔗链接地址
​

  1. 填写 Token，自动获取该用户下的仓库
    image.png
  2. 在仓库的下拉列表中，选择一个作为图床的仓库
    image.png
  3. 选择一种目录方式（目录即仓库里存放图片的文件夹）
    image.png
  • 新建目录：需手动输入一个新目录。
  • 根目录：图片将直接存储在仓库根目录下。
  • 自动目录：自动生成日期格式 YYYYMMDD 的目录。例如：20200909
  • 选择仓库目录：自动获取仓库下所有目录，选择一个即可。
  1. 复制上传成功的url即可。

完成～～
​

方法二、PicGo

  1. 在 地址下载PicGo，安装完成后打开，图床设置 选 GitHub图床，并填写相应的信息
  • 仓库名：前面新建的仓库，格式：<用户名>/<仓库名>
  • 分支名：填写主分支master即可
  • Token：前面生成的token密钥
  • 存储路径：按你自己的需求填写
  • 自定义域名：图片上传后，PicGo 会按照 自定义域名+上传的图片名 的方式生成访问链接，此处我们填写jsDelivr的CDN加速地址，格式：https://cdn.jsdelivr.net/gh/<用户名>/<仓库名>
    image.png
  1. 使用tinypng压缩你要上传的图片（如图片已经很小或你有更好的压缩工具可省略这一步）
  2. 在PigGo的上传区上传你的图片，到相册一键复制刚刚上传的图片URL
  3. 完成。上传完成后默认自动复制url。也可以去相册复制之前上传过的url

Gitee搭建图床

建立Gitee仓库

Xnip2021-12-13_14-15-25.jpg
注意：

  1. 设置为「开源」
  2. 勾选「设置模版」➠➠ 「Readme文件」 （一定要点，可以帮你自动生成master分支）
  3. 勾选「选择分支模型」➠➠「单分支模型（只创建master分支）」

点击「右上角头像」➠➠「设置」➠➠「安全设置」➠➠「私人令牌」➠➠ 生成token
image.png
注意：生成的token只会显示一次，所以这里先保存到到其它地方哈

PicGo

picGo自带的并没有Gitee图床设置，在左侧「插件设置」选项中，搜索Gitee即可出现对应的插件，点击安装即可。

这里注意一下，必须要先安装node.js才能安装插件，没装的自己装一下，然后重启就行

使用PicGo主要是为了使用它的Migrater插件
Migrater插件主要是为了：一些防外链的md文件下载后图像不显示，通过Migrater插件可以一键选择文件或者一个文件夹下的所有文件中的图像地址转存到自定的图床地址。
我的场景：使用语雀编辑后，下载的md文件由于语雀图床的防外链，下载的静态图像会不显示。通过picGo的Migrater插件将图像转存到我的Gitee图床，这样生成的新md文件，就使用了新的图床地址，可以复制粘贴到其他平台。
https://www.yuque.com/weig/dzh/mr33s4

不用这个插件的话，可以使用「uPic」是个不错的选择。不用插件即可设置自定义图床

搜索安装成功后，可以看到对应图床设置了，打开「Gitee图床」配置一些仓库信息和 token
image.png

  • repo: 账户名/仓库名
  • branch：默认master
  • token：创建时的私人令牌，即token
  • path：路径，一般写img
  • customPath 和 customURL：都不用填。在提交到码云后，会显示提交消息，插件默认提交的是 Upload 图片名 by picGo - 时间

最后「确认」后直接就可以使用了，记得点击下「设置为默认图床」
​

个人博客：wggz.top
个人微信公众号：程序员WeiG
欢迎关注👏

程序员刚子
关注
专栏目录
GitHub&amp；gitee图床网站源码
linxiaoming6的博客
05-11 1224
介绍： 实现功能： 选择Github白嫖Github的存储空间，通过jsdelivr全球加速(含有国内节点)。实现图床的目的。 选择Gitee白嫖Gitee的存储空间， 实现图床的目的。存储和访问节点都在国内，请在遵循国内相关法律的前提下使用。 文件在1M以上需要访客登录才能访问。1M以下，相当稳。 使用： 配置选项 1.配置上传类型： 选择github https://github.com/settings/tokens 去这个页面生成一个有写权限的token（repo：Full control of
图床搭建（gitee和github)
m0_46361249的博客
09-07 232
连接gitee 1.下载PicGo 2.下载Gitee插件 3.在Gitee里面去建立码云仓库 4.获取token 点击头像进入设置，找到私人令牌，点击生成新令牌，把projects这一项勾上，其他的不用勾，然后提交。验证密码之后会出来一串数字，这一串数字就是你的token（不能泄露，否者别人也可以操作你的数据），后面设置会用到。 5.PicGo设置 插件配置选择图库设置里的gitee选项（没有安装插件前，没有此选项）。 配置要点： repo：用户名/仓库名称*（仓库地址后面那一段）；* branc
【报错记录】Picgo Github图床 上传失败
随便记记
03-14 3561
现象 之前用Typora插入图片的时候总是插入本地图片，导致把笔记发给别人的时候必须要打包发送，很是麻烦。 后来发现了Picgo这款图床，可以把图片上传到网站，然后在Typora中插入网络图片链接，就不用在把图片打包了。 可是有一段时间发现，图床上传总是不成功，很是疑惑。换了Github的Token也不管用，配置名称也都是对的。 但最终还是发现了问题所在。。。 解决方法 就是这个自定义域名的问题...
Typora+PicGO+Gitee图床配置
uav360
09-05 228
Typora+PicGO+Gitee图床配置 我们在写markdown文档的时候，如果说写的文档有插入图片的话，图片管理起来非常的麻烦，而且移动或复制文档到其他设备时必须把图片的文件夹也一起复制。图片在markdown文档中就是一个链接，这个链接可以是本地的文件路径也可以是网络路径（url)。所以我们可以把图片放到网络上集中管理（这个就叫着图床），写文档的时候插入图片只要插入相应图片的url就可以了，在其他设备查看文档只要有网络就可以加载图片。 下面我们使用Typora写Markdown文档，用PicGo上
本地软件 - 发布文章图片问题解决方案 - 图床
最新发布
2301_80064376的博客
08-04 364
以上就是解决图床的问题的方案，最后几步用脚本时确保他的格式是markdown语法格式，如果你所在的博客平台是富文本的话，就不用写脚本了，脚本的原理就是通过将图片的本地链接转化为语雀的图片链接其他的笔记软件可以参考此方法，照抄可能不行，虽然有点麻烦，但是可以白嫖，你们也可以使用软件的图床功能，最后附上我的脚本链接:pwd=cong提取码：cong–来自百度网盘超级会员V5的分享‍import reimport os"""从指定文件中提取所有与正则表达式模式匹配的链接。"""
gitee图床使用及typora配置
简单快乐
07-25 556
我一般是用自己搭建的chevereto图床的。不过有时候难免需要临时用一下其他的图床，比如现在，服务器停电了。。。 经过一番调查，最终选定使用gitee作为图床。gitee的国内连接速度很快，而且作为国内github，我的图片数据放上面也是比较放心的。 下面开始配置，其实这方面网上教程很多，我这里主要参考了两个： 教程一 教程二 这里写几个注意的点吧： 安装的使用不要安装到program files 文件夹下，会导致picGo错误 安装picGo插件之间，先检查一下nodejs的版本和设置： 使用如下命令
Typora+PicGo+Gitee图床配置详细教程 + 排坑（写博客必备）
weixin_44190665的博客
10-29 1247
Typora+PicGo+Gitee图床配置详细教程，写博客必备 在本地用Typora写了一篇博客，想上传到csdn上，发现里面都图片就都没法显示了，一个一个复制上去也太麻烦了。所以就建了个图床。 图床是什么？图床就是一个便于在博文中插入在线图片连接的个人图片仓库。设置图床之后，在自己博客中插入的图片链接就可以随时随地在线预览了，并且不会因为任何意外原因无法查看，除非自己亲自删除。 开始搭建 1、新建图床仓库 打开码云官方网站，进入个人仓库界面，新建仓库，新建仓库的详细步骤就不多说了，相信大家都会。建仓
Typora + Gitee 配置图床——图片自动上传 详细教程
近日终于有时间好好回顾下一些作品了，有帮助的好好看就行
07-31 165
以我选择的一个为例，安装过程中会提示需要安装 node.js，这里照着给的提示安装就好，也可以自己百度安装 node.js，这个必须得安装。path：仓库下的相对路径，这里建议创建一个文件夹放置图片，方便管理，不然下次打开仓库会挺壮观的。打开 PicGo，选择：插件设置，搜索 gitee，安装插件。创建的时候仓库只能设置为私有，创建完成后需要修改为仓库公开，才方便上传图片。用久了之后，如果上传失败，可能是仓库满了，这个时候新建一个仓库再配置一遍就好啦~不要勾选上传前重命名，很麻烦，很麻烦。
最简单的typora+gitee+picgo配置图床
qq_63728673的博客
07-22 1342
你是否因为管理图片而感到头大？是时候了解一下 Typora、Gitee 和 PicGo 这个超级三剑客了，它们可以帮你轻松打造自己的图床，让你的博客图片管理变得简单又有趣。让我们开始这场神奇的图床之旅吧！
PicGo(Ubuntu)同步gitee、github图床
03-29
标题 "PicGo(Ubuntu)同步gitee、github图床" 涉及到的知识点主要集中在使用PicGo这款工具在Ubuntu操作系统上，将图片上传至Gitee（码云）和GitHub这两个代码托管平台作为图床。下面将详细阐述相关概念和步骤。 1. *...
PicGo+github搭建免费图床
hellowujianning的博客
08-10 2413
PicGo+github搭建免费图床 使用Github（需要一个GitHub账号）和PicGO来搭建一个免费图床，为了避免自己的博客迁移或者转发给别人而无法显示图片，造成阅读障碍。 图床是什么 图床一般是指储存图片的服务器，有国内和国外之分。国外的图床由于有空间距离等因素决定访问速度很慢影响图片显示速度。国内也分为单线空间、多线空间和cdn加速三种。 使用github搭建图床 1，首先确保自己有个github账号，没有的自己去申请一个，过程自己网上搜索； 2，在github上创建一个仓库； 3，创建一个私
使用gitee搭建自己的图床
Hello World
04-04 718
如何搭建一个免费的图床  最近发现自己博客中的图片全部消失,很苦恼.当时用的是七牛云,花好长时间弄好的,当时用的还是很顺畅的,但有一个坑,就是需要配置自定义域名(当时没有注意到这一点), CSDN博客专家的推荐下搭建图床的方式 – 使用github page搭建图床. 大体步骤如下: 1.创建gitee(码云)账号 (如果已有账号可以跳过此步骤) 1.1 登陆码云官网进行注册 https://gitee.com/ 1.2 进行注册 2. 创建工程 2.1 创建一个新工程 2.2
如何在Gitee中设置图床库
horse_2007s的博客
12-27 437
1、创建图床库 在gitee中创建单独的库作为图床专用 2、下载图床库 3、在图床库中添加文件 在图床库中添加图片，并同步到gitee上 4、在浏览器中可以观察到图片 https://gitee.com/zc0415/picture/raw/master/0.png 图片连接表示的是库中图片地址，需要加入“/raw/master” 5、若图片链接不完整，显示图片不全 图片地址缺少“/raw/master”，缺少定位分支，均不完整。 6、在印象笔记中添加图片连接 图片链接表示的是库中图片地址（需要加
利用 PicGo 搭建基于 gitee 的个人图床，详细攻略！
独泪了无痕
06-06 2703
大多数小伙伴写笔记都是用md格式了，为了更方便的去本地写博客以及笔记，准备自己通过gitee仓库搭建一个图床供自己使用，会让我们写笔记或博客更方便。运用图床工具可以方便地将图片上传到互联网，并获取图片的链接，这样可以在不同的平台上分享和使用这些图片。例如，在个人网站、社交媒体、博客文章、论坛帖子等地方需要插入图片时，使用图床工具就可以方便快捷地实现。同时，使用图床工具还可以有效地减少图片在上传和下载过程中的数据传输量，提升网站的访问速度和用户体验。
使用gitee搭建图床，并解决防盗链问题
我认不到你的博客
02-27 3101
防盗链不是一根链条，正确的停顿应该是防、盗链——防止其他网站盗用我的链接。 我把图片上传到gitee的服务器，得到了图片的链接，然后拿着这个链接在第三方编辑器中使用，这就是在“盗用”——因为这张图片占用了gitee的服务器资源，却为第三方编辑器工作，gitee得不到好处，还得多花钱。
Typora + PicGo + Gitee GitHub 免费搭建个人图床_gitee+github
06-25 921
写了将近一年多博客，之前半年都是用富文本的方式来写博客。直到遇到了一些博友，听说他们都是用Markdown格式来写博客。结果，我就放弃了富文本模式，见仁见智，我是觉得真的很难用。接触到Markdown模式的第一个问题就是图的问题，因为都是要贴网址的。当时没多想，因为都是用的博客平台，只需要将图片复制进去就行，也很方便。后来，听说还有图床这个东西，但是由于懒，就一直没有去玩。最近，出于种种原因，还是尝试搭建了一下，这里分享一下搭建过程。
利用Gitee创建Vnote免费图床 (实用)
路边小M's Blog
08-31 1085
文章目录前期准备创建仓库设置Vnote图床图片上传检验 前期准备 Vnote软件：win64下载文件vnote-win-x64_v3.7.0.zip，下载链接点击此处 (https://github.com/vnotex/vnote/releases/tag/v3.7.0) Gitee码云：码云注册网址，点击此处 创建仓库 需要记录的信息包括：仓库名称、用户名和私人令牌 在创建仓库过程中注意初始化仓库，跟随系统创建即可。如果你的仓库是私有的，将vnote中图片上传后将无法直接显示，因此务必将仓库设置为开.
Git(2)之分支模型介绍
Once_day的回忆
03-04 776
Author：onceday date：2023年3月4日满满长路有人对你微笑过嘛…全系列文章可查看专栏:Git使用记录_Once_day的博客-CSDN博客。在提交时，git会保存一个提交对象（commit object）。包含一个指向暂存内容快照的指针。作者的姓名和邮箱。提交时输入的信息。指向它的父对象指针。首次提交产生的提交对象没有父对象。普通提交产生的提交对象有一个父对象。有多个分支合并产生的提交对象有多个父对象。
Typora图片自动上传（PicGo + Gitee）【不稳定】
周彰健的博客
11-26 534
Typora图片自动上传（PicGo + Gitee）【不稳定】
https://github.com/52cik/github-hans
06-03
根据提供的引用内容，这是一个Github的中文汉化项目，致力于让Github网站更方便中文用户使用。该项目的GitHub页面提供了详细的安装和使用指南，具体如下所述： 1.检查是否安装了Git 在终端（Mac/Linux）或Git Bash（Windows）中输入以下命令来检查是否安装了Git： ```shell git --version ``` 如果已经安装了Git，则终端会返回Git的版本信息，否则需要先安装Git。 2.安装Git的命令行工具 打开终端（Mac/Linux）或Git Bash（Windows），输入以下命令来安装Git的命令行工具： ```shell npm install --global github-hans ``` 如果提示权限问题，可以加上sudo来提升权限： ```shell sudo npm install --global github-hans ``` 3.运行github-hans 在终端（Mac/Linux）或Git Bash（Windows）中输入以下命令来运行github-hans： ```shell github-hans ``` github-hans会在后台运行，并监听来自GitHub的请求。可以在浏览器中打开GitHub网站，并开始使用汉化功能。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值