如何把你的图片存到gitee服务器上（picGo + gitee 实现）

最新推荐文章于 2024-08-28 21:07:34 发布
最新推荐文章于 2024-08-28 21:07:34 发布
阅读量5.9k 收藏 41
点赞数 8
分类专栏： 技术 文章标签： java git windows
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_44141495/article/details/108013418
版权

使用 picGo + gitee 创建 个人的图床

为什么写这篇博客?

  1. 前几天我刚在github搭建了基于hexo的个人网站，准备上传一篇技术文档。把我之前写好的markdown笔记粘贴过来，结果图片全部丢失了，原因是图片的文件位置默认是当前目录下markdown文件的文件名.assert 文件夹下。于是乎我想着把这个文件夹也复制过来，当然是可以的，但是这显然不是一个很好的方法，也可以上传pdf，但是这样子别人看你的博客就无法舒服的赋值粘贴代码了。后来想到解决方案是使用的图片都选择网络上的路径，这么做非常的最大的问题就是，很多的图片都是粘别人的笔记。。。
  2. 相信小伙伴们都了解Spring吧，Spring是将对象的创建管理过程都交给Spring来管理，我们只需要从Spring容器拿我们要的对象就行了。所以我相信一定有一个存放图片的仓库，来解决我当下的困境
  3. 后来了解了一下图床，发现可以使用gitee来存储图片，来建立一个自己的图片仓库，我赶紧跟着教程走了一遍，终于把问题解决了，现在我可以自由的上传markdown文件了

搭建个人图床

1.安装picGo

picGo是一个图床管理软件支持对GitHub，Gitee等数据仓库的连接，有桌面版和Web网页版本，这里我们选择下载桌面版

这里附上github的链接picGo

如果觉得下载很慢，这里我也附上Windows10 的安装程序的下载地址百度网盘下载

提取码 1942

安装无脑点下一步就完事了

image-20200814192927212

安装完之后运行：

image-20200814193021814

2.gitee建立图片仓库

首先新新建一个仓库，这里我提前建好了，叫mapdepot

在这里插入图片描述
然后我们要申请一个私人令牌，就是等下配置图床要用的，我们在gitee点击右上角头像，点击设置
image-20200814193254013
生成令牌
image-20200814193401455

这里我们反选，只保留user_info
image-20200814195102501

注意一定要及时复制，一旦退出这个界面就无法再看到这个私人令牌了！
image-20200814194026981

3.配置picGo

1.下载gitee支持插件，这里我已经下好了
image-20200814193544777

2.配置gitee图床**（大部分错误的原因都是出在这）**

image-20200814194615045

3.配置日志输出

image-20200814195214620

这里我们选择只记录Error和Warn
image-20200814195203284
我们拖拽一张图片或者点击上传来上传图片

image-20200814195323020

测试一下，不出意外就成功了，，如果没有成功去看一下gitee图床配置有没有填错

image-20200814195733856

4.配置typroa

这里我们使用的下载好的exe程序，所以上面选择app，路径填写picGo.exe文件的路径
image-20200814200126699

点击验证图片上传选项，不出意外就成功了！

image-20200814195938591

当然可能有意外，这里我罗列两种意外

第一种意外，gitee图床配置错误
出现这个提示，说明你gitee图床配置都没有填写对，至少根据你的信息，我们找不到gitee仓库，
image-20200814200502665
比如这里我们仓库填错了。
image-20200814200222426

第二种异常，端口异常

image-20200814200348506
如果你的picGo程序可以成功往gitee上传图片，而typroa却不行，那么你可以去看一下你的picGo的日志信息。
信息提示说这个端口正忙，尝试使用其他端口
image-20200814200825755

这里是应为picGo的Server端口与typroa上传图片所访问的不一致导致，这里我们去修改一下pigGo的配置

image-20200814200615580
果然不一样,我么把他修改为一致的！
image-20200814200855266

在测试一下，不出意外验证成功了

image-20200814200953788

5.成果演示

这里我们可以看到一些typroa尝试上传时的上传的图片。

image-20200814201031659

成功上传到仓库

image-20200814201233287

这里我们可以把这些图片删掉，也可以gitee里删（麻烦）
image-20200814201137027

6.typroa上传图片

我们可以在设置中选择插入的图片直接上传，但是这样做显然是不合理的，我们有时候一些随手粘贴的文件也会上传到gitee。

image-20200814201405479

在保持插入图片不变的情况下，我们可以选择手动上传

首先我们插入一个图片，目前图片是存储在本地的

右键照片，然后点击上传照片（由于截图快捷键包含的Crtl和右键菜单冲突，所以没有图片示例）

上传成功之后可以发现你的图片链接地址改变成gitee的地址，你这串md文件的图片无论粘贴到哪，只要你的仓库没有炸，就不会图片就不会丢失。

image-20200814212650923

6.总结

  • 图床配置不要填错！图床配置不要填错！图床配置不要填错！重要的事情说三遍
  • 如果一段时间之后，上传图片又不好用了，是服务器的问题，等待一段时间，gitee重新申请一次令牌，重新配置图床，都可以。
  • 默认图片还是保存到本地，需要上传的再上传到gitee，不然gitee一堆图片
  • 图片多了可以在gitee创建多个目录或者多个仓库

还有一些问题（立一个flag，后续解决之后我会单独发一篇博客）：

  • 图片顺序错乱或者显示错误，比如我上传之后发现我的图片莫名其妙顺序都乱了！
  • 图片已经上传gitee且gitee可以访问图片，但是我们的图片链接就是不显示图片
  • 其他各种上传失败的问题
程序员小章
关注
专栏目录
Gitee 作为图片存储库
专注基础架构领域
02-23 1019
平时写文章的时候，经常会在内容里面插入一些图片，之前一直用 github 来存储在线图片，但是国内访问 github 太慢了，有的时候连图片都加载不出来，所以想着能不能用国内的 gitee 来存储图片，网上搜了下，找了方法，非常简单，看下面操作。首先，我们在个人用户中心中创建一个用来保存图片的仓库，例如：blog-images。把这个地址贴到我们博客中就能正常打开了，同时分享给别人也是能正常打开的。仓库创建成功之后，我们进入到仓库，然后选择 “上传文件”上传后，填写提交信息，点击提交即可；
gitee实现个人存放网络资源图片集vue公测版
在写作的路上持续输出。
03-30 1454
如何实现个人版gitee图床，本文采用的是vue项目版，应用范围：相册集、博客素材存放、公用图片等资源。
【软件】常用软件教程一：码云（Gitee）使用方法
最新发布
Hei_se_meng_yan的博客
08-28 1873
码云（Gitee）使用方法
typora图片存放gitee
友培的博客
05-04 585
文章目录picgo配置gitee插件配置typora配置 typora图片是一件很头疼的事，默认的一般都是相对路径，所以可不可以将其存放在一个公共的服务端，这里采用gitee进行存放 picgo配置 picgo是图床的一种，相当于中间人，让它帮助转发到服务器端 下载：github下载即可，https://github.com/Molunerfinn/PicGo/releases，但是比较慢，也可直接下载我上传的资源，https://download.csdn.net/download/xiaoyoupe
保姆式教学Typora+PicGo上传图片到Gitee仓库中保存（推荐，建议收藏）—— 本地图片删除后笔记图片不失效，笔记发给别人看也能查看笔记中的图片，浏览器通过图片链接还能查看图片
莫青的博客
12-02 1215
保姆式解决所有Typora问题：1.保证Typora笔记图片不丢失 2 .解决图片image load failed问题 3.笔记保存发给别人 别人能正常查看图片和笔记文档内容（查看笔记图片需联网查看）4.浏览器访问图片URL地址能查看图片
阿里云搭建图片服务器，图片资源服务器搭建
weixin_34191734的博客
04-04 1663
背景我第一次搭建图片服务器是在我的虚拟机服务器下，后来虚拟机崩溃了，就在阿里云买了一台轻量级服务器，然后安装了图片服务器。不过我当时并没有写一个文档进行记录，直到我后来再次需要一台图片服务器，于是我决定不在划水了，写一篇文章记录一下。 安装NginxNginx的安装其实我有看过不少大佬们的文章，其实安装还是比较简单的。首先就是安装依赖环境，这里依赖环境我...
git上传图片
weixin_30838873的博客
09-09 228
晚上请教大佬才知道提交issue应该在开源项目profile的issue提交，而不是在自己的github新建一个issue。绕了一个大圈，而且issue直接拖动图片就可以完成上传，所以也不存在插入图片复杂的问题了。但是既然学了还是记录一下免得忘了吧。。。。 最近因为申请CVE所以需要在github上给出漏洞证明过程，开始半天不懂怎么操作，觉得github插入图片是真心的复杂。现在弄懂了...
Typora+Picgo+gitee 上传图片
qq_44747848的博客
04-04 605
Typora+Picgo+gitee 上传图片 提示：这里可以添加系列文章的所有文章的目录，目录需要自己手动添加 文章目录Typora+Picgo+gitee 上传图片前言一、Gitee二、Picgo—core总结 前言 Typora配合Picgocore和Gitee可以实现图片上传的功能。但是设置比较复杂，所以本文通过作者的安装设置经历整合了一下网上的资料，希望帮助到大家。下面通过网上已有博客来依次介绍Picgocore的使用和gitee的使用。 一、Gitee Gitee是一个用来存放图片的免费
PicGo + Gitee（码云）+ Typora = Windows 下的图文编辑神器
知音
10-06 1014
文章目录前言为什么需要图床为什么选择码云？为什么选择 Typora？创建 Gitee 仓库下载并安装 PicGo日志记录的等级设置及查看日志文件安装插件 GiteeGitee 图床设置获取个人令牌（Token）测试：PicGo 客户端上传图片到 Gitee 中Typora 中配置 PicGo 上传服务补充：三大工具再加 Snipaste最后 前言 为什么需要图床 目前的我，只有一个原因，但这一个原因就足够了。 不论在 csdn，博客园中，插入图片都是需要通过平台编辑器中的上传图片插件来完成。 实际上，编辑
Typora+Picgo+gitee实现图片自动上传配置
-happy 的博客
03-19 449
Typora+Picgo+gitee实现图片自动上传配置 用Typora做笔记是真滴方便，很多地方都是支持md格式的文件，但是在笔记本上做的笔记，想在ipad或者手机上看就很困难，发送给别人只能转pdf之后再发，不然别人只能看到文字，而图片会失效。 究其原因，因为Typora的图片保存方法问题，它不像word一样把图片写进去，而是另外保存在你电脑的磁盘上，所以md格式文件上的图片发给别人，别人是看不到的。 所以就有了解决方案，把保存在本地的图片传到网络上，就是服务器上，这样就能通过url直接访问。下面讲一下
开发工具篇第36讲：如何使用Typora+Gitee+PicGo+OSS+Idea创建属于自己的云笔记
Jet_qi的博客
02-26 316
好记性不如烂笔头，记笔记是一个好习惯，本人习惯通过Typora软件记录markdown笔记，但是遇到了多设备同步笔记的问题，本文是开发工具篇第36讲，介绍通过Typora＋PicGo+Gitee搭建个人云笔记平台，使得多设备都能看到最新笔记，云笔记搭建教程详见下文！
Gitee+PicGo+Pandoc+Typora组建markdown编辑器
初见时的微笑
05-30 524
使用markdown语言编辑文档最大的一个问题就是图片链接问题。markdown代码中不存放图片，是图片地址。文中引用本地图片直接粘贴到网络平台肯定是不行的，是需要重新上传编辑的，太麻烦。使用网络中的图片就可以在本地和网络平台通用。 因此，我们需要把自己的图片上传到网络，拿到图片的地址填写到文中。本文主要介绍的就是如何用最简单的方式实现该功能。同样经过多种试验对比，最终选用gitee+PicGo+pandoc对Typora功能进行扩展实现。
在使用GITEE托管代码时,如何在README.md中添加图片?
记录并分享
09-23 1198
在使用GITEE托管代码时,如何在README.md中添加图片?
vue项目上传到gitee仓库中
m0_67183922的博客
04-13 468
8、git push 库地址 master ----------库地址就是你刚刚新建的gitee的仓库地址复制过来。2、打开哪些的项目的文件夹，这里的git可以删除，不会影响的。3、右击你vue写的项目，用Git Bash Here打开。7、git log -----这是查看命令。6、git commit -m 某某提交。1、在gitee中新建仓库。
向gitee上传文件
niulinbiao的博客
06-13 786
向gitee上传文件 创建一个仓库 创建一个文件夹，里面放要上传的内容 右键文件夹，选择Git Bash Here 1、首先执行 git init 显示 Reinitialized existing Git repository in E:/vue/课堂代码/demo/PC端/monthAdmin/.git/ 2、之后执行 git add . 显示 warning: LF will be replaced by CRLF in .gitignore. The file will have its
Gitee+PicGo 上传图片
星仔的博客
02-14 564
gitee图片上传
typora+picgo+gitee自动快速上传图片实现云端存储
开学打老虎的博客
03-10 581
typora+picgo+gitee实现图片自动快速上传至云端进行存储
Typora+PicGo+Gitee实现图片上传功能
淘小欣的博客
03-31 1325
Typora+PicGo+Gitee实现图片上传功能 文章目录Typora+PicGo+Gitee实现图片上传功能为什么要配置图床？作为图床的方法效果展示建立 Gitee 图床生成私人令牌安装 node.js安装 PicGo下载 PicGoPicGo 配置 Gitee 图床Typora 配置 Gitee 图床关于错误提示错误一：Failed to fetch错误二：{“success”,false}错误三： 为什么要配置图床？ MarkDown作为一种纯文本格式的标记语言，通过简单的标记语法，就使普通文本内
Typora如何上传图片到gitee
soberw的日常分享博客
01-01 1794
Typora是一款非常好用的Markdown文本编辑器，深受广大程序员的青睐，那么在使用过程中，当我们插入图片的时候，其实是默认放在一个相对路径文件夹下的，这就导致，一旦我们移动文件，或者发送给别人，图片就失效了。 如何解决呢？Typora给我们提供了图片上传服务，就是我们可以将图片上传在网上，这样就方便许多，不管再换地方挪位置，始终都正常显示。 那么上传到什么地方呢，我个人还是喜欢上传到gitee码云平台，操作起来也比较简单。 在gitee上新建仓库 没有账号的一定要先注册一下，这里不再演示： 名称随便
把HTML代码上传到gitee,将本地项目上传至gitee的方法截图+详细步骤
05-23
步骤如下： 1. 首先在gitee上创建一个仓库，如下图所示。 ![create-repo](https://cdn.jsdelivr.net/gh/sunqinghua/cdn-assets/create-repo.png) 2. 在本地创建一个HTML项目，然后在项目根目录下初始化git仓库，如下所示。 ``` git init ``` 3. 将项目所有文件添加到git索引中，如下所示。 ``` git add . ``` 4. 提交到本地git仓库，如下所示。 ``` git commit -m "first commit" ``` 5. 接下来将本地git仓库与gitee上的仓库进行关联，如下所示。 ``` git remote add origin <gitee仓库地址> ``` 6. 将本地代码推送到gitee仓库，如下所示。 ``` git push -u origin master ``` 7. 在gitee仓库页面可以看到代码已经上传成功，如下图所示。 ![upload-html-to-gitee](https://cdn.jsdelivr.net/gh/sunqinghua/cdn-assets/upload-html-to-gitee.png) 8. 点击代码按钮，可以查看代码源文件，如下图所示。 ![view-code-on-gitee](https://cdn.jsdelivr.net/gh/sunqinghua/cdn-assets/view-code-on-gitee.png) 9. 最后，你可以通过仓库的URL访问你的HTML页面。
评论 10
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值