PicGo软件搭配gitee实现图床

静水沧笙 發表於 2020-8-16 21:29:00

<h1 class="md-end-block md-heading">1.安装PicGo软件，并配置gitee</h1>
<h2 class="md-end-block md-heading">1.1安装picGo</h2>
<ul class="ul-list" data-mark="-">
<li class="md-list-item">
picGo
</li>
<li class="md-list-item">
安装gitee-uploader 插件
</li>
</ul>
官网下载地址如下：最新版本
可以自行选择版本进行下载，这里我选择了最新的版本进行下载安装，由于我有梯子下载比较快，如果下载慢的话可以下载我上传到码云的最新安装包
<blockquote>
最新安装包下载
</blockquote>
安装之后如下图：
<img src="https://gitee.com/LuWangLin/picBed_new/raw/master/img/image-20200816113049838.png">
<h2 class="md-end-block md-heading">1.2配置码云</h2>
<ol class="ol-list" start="">
<li class="md-list-item">
首先安装码云插件
点击picGo中的插件设置，然后输入gitee搜索插件，有两个插件都可用，自行选择，这里我选择的是第二个。
<img src="https://gitee.com/LuWangLin/picBed_new/raw/master/img/image-20200816113420909.png" alt="image-20200816113420909">
<code>这里需要注意的是你的电脑上必须有Nodejs环境，我这里已经之前安装过了Nodejs了，所以可以进行插件安装</code>
</li>
<li class="md-list-item">
建立gitee码云仓库来存储图片
<img src="https://gitee.com/LuWangLin/picBed_new/raw/master/img/20524049-4c77956a7edd6bf0" alt="img">
建立仓库注意要点：
<ol class="ol-list" start="">
<li class="md-list-item">
仓库要设置为公开
</li>
<li class="md-list-item">
<code>勾选使用readme文件初始化仓库</code>，这里是一个大坑，因为这几个插件都不会帮你自动创建master分支，我在配置完成后上传图片没报错，但是仓库里无论如何都不会上传到图片。
</li>
</ol></li>
<li class="md-list-item">
接下来进行生成token，因为
<ul class="ul-list" data-mark="-">
<li class="md-list-item">
点击头像，进入设置
</li>
</ul>
<img src="https:////upload-images.jianshu.io/upload_images/20524049-dbd08214e8df9dce.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/137/format/webp" alt="img">
<ul class="ul-list" data-mark="-">
<li class="md-list-item">
找到右边安全设置里面的私人令牌
</li>
</ul>
<img src="https:////upload-images.jianshu.io/upload_images/20524049-28faf2cd395d8279.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/226/format/webp" alt="img">
<ul class="ul-list" data-mark="-">
<li class="md-list-item">
点击<code>生成新令牌</code>，把projects这一项勾上，其他的不用勾，然后提交 
</li>
</ul>
<img src="https:////upload-images.jianshu.io/upload_images/20524049-a3c9591596a1218d?imageMogr2/auto-orient/strip%7CimageView2/2/w/530/format/webp" alt="img">
 
 
 
这里需要验证一下密码，验证密码之后会出来一串数字，这一串数字就是你的token，将这串数字复制到刚才的配置里面去。 
<img src="https:////upload-images.jianshu.io/upload_images/20524049-3aa34ee5507a7d1d?imageMogr2/auto-orient/strip%7CimageView2/2/w/458/format/webp" alt="img">
<blockquote>
注意：这个令牌只会明文显示一次，建议在配置插件的时候再来生成令牌，直接复制进去，搞丢了又要重新生成一个。
</blockquote>
作者：LeonG7 链接：https://www.jianshu.com/p/b69950a49ae2 来源：简书 著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。
</li>
</ol>
<h1 class="md-end-block md-heading">2. 配置picGo和typora</h1>
<h2 class="md-end-block md-heading">2.1 配置picGo</h2>
 <img src="https://gitee.com/LuWangLin/picBed_new/raw/master/img/image-20200816193026988.png" alt="image-20200816193026988">
<ul class="ul-list" data-mark="-">
<li class="md-list-item">
repo：你的仓库地址，格式为 <code>你的账户名/仓库名</code>
这个可以参考浏览器中的URL地址，比如我得这个图床仓库地址为：
<img src="https://gitee.com/LuWangLin/picBed_new/raw/master/img/image-20200816193902468.png" alt="image-20200816193902468">
那么只需要复制我红色框标出的地方就可以了。
</li>
<li class="md-list-item">
branch：默认为master分支，记住前面创建仓库时，一定要进行建立分支的初始化（即以勾选使用readme文件来初始化仓库），这里是一个坑
<code>因为我开始一切都配置好了，而且上传图片的时候没有报错，但是仓库里就是没有看到上传的照片</code>
</li>
<li class="md-list-item">
token：前面生成的token填入即可
</li>
<li class="md-list-item">
path：这里选择是你保存图片的地址，不填的话是在仓库根目录下。这里可以自己随意设置个路径来保存图片
</li>
<li class="md-list-item">
customPath和customUrl这里是根据自己备案的域名进行设置的，由于我没有备案的域名这里没有进行设置。
</li>
</ul>
接下来可以进行测试上传图片，picGo上传图片的使用方式，详细的可以参考官方教程
简单测试的话可以直接选择在上传区中拖拽文件：
<img src="https://gitee.com/LuWangLin/picBed_new/raw/master/img/image-20200816113049838.png">
上传成功的话可以在仓库下的<code>img</code>文件夹下看到文件，默认的图片文件名格式为<code>image-时间日期格式</code>，这个去配置文件中进行修改。
<h2 class="md-end-block md-heading">2.2配置typora</h2>
<h3 class="md-end-block md-heading">typora整合picGo</h3>
更好的方式是，在写博客的时候，粘贴到typora中的图片能自动上传到gitee中。接下来就进行如下的配置：
在typora中，
<blockquote>
文件 ->偏好设置 ->图像
</blockquote>
<img src="https://gitee.com/LuWangLin/picBed_new/raw/master/img/image-20200816200702234.png" alt="image-20200816200702234">
第五步进行测试看是否能够进行上传图片。
<img src="https://gitee.com/LuWangLin/picBed_new/raw/master/img/image-20200816200806308.png" alt="image-20200816200806308">
 
<h3 class="md-end-block md-heading">简单使用</h3>
接下来就是很方便进行博客的书写了，比如了要在文章中加入图片，直接复制之后，在typora中粘贴即可，这样typora自动就将图片上传到码云图床中了。
实在是太方便了，接下来就可以快乐写博客了。
<h1 class="md-end-block md-heading">3.彩蛋</h1>
<ol class="ol-list" start="">
<li class="md-list-item">
利用picGo可以上传文件到仓库中，不仅仅可以上传图片，文章前面提供的安装包就是这样上传到码云中的，直接将安装包拖拽到picGo的上传区即可。
</li>
<li class="md-list-item">
gitee仓库的容量有限制，如果图床仓库满了，可以按照上述过程再重新配置一个即可，但是token不用重新生成。
</li>
</ol>
<h1 class="md-end-block md-heading">4.Gitee产品配额说明</h1>
<h2 class="md-end-block md-heading">社区版（个人用户）</h2>
<table class="md-table">
<thead>
<tr class="md-end-block"><th>类型</th><th>说明</th></tr>
</thead>
<tbody>
<tr class="md-end-block">
<td>仓库数量</td>
<td>创建 1000 个仓库，不限制公私有。</td>
</tr>
<tr class="md-end-block">
<td>仓库容量</td>
<td>Git 单仓库容量上限为 500M ，SVN 单仓库容量上限为 400M 单文件最大 50M 用户总仓库容量为 5G 注：总仓库定义为用户名下以及所创建的组织下面的所有仓库。</td>
</tr>
<tr class="md-end-block">
<td>附件容量</td>
<td>附件单文件大小上限为 100MB 单仓库附件总容量 1G</td>
</tr>
<tr class="md-end-block">
<td>成员人数</td>
<td>公有仓库成员数量不限。个人账号下所有私有仓库总的协作人数为 5人</td>
</tr>
</tbody>
</table>
<div class="md-hr md-end-block"><hr></div>
<h2 class="md-end-block md-heading">企业版</h2>
<table class="md-table">
<thead>
<tr class="md-end-block"><th>套餐</th><th>免费版</th><th>基础版</th><th>标准版</th><th>高级版</th><th>尊享版</th></tr>
</thead>
<tbody>
<tr class="md-end-block">
<td>单仓库</td>
<td>最大 500 MB</td>
<td>最大 1 GB</td>
<td>最大 1 GB</td>
<td>最大 2 GB</td>
<td>最大 3 GB</td>
</tr>
<tr class="md-end-block">
<td>单文件</td>
<td>最大 50 MB</td>
<td>最大 100 MB</td>
<td>最大 100 MB</td>
<td>最大 200 MB</td>
<td>最大 300 MB</td>
</tr>
</tbody>
</table>
<h1 class="md-end-block md-heading">错误总结</h1>
<h2 class="md-end-block md-heading">1.fail to fetch</h2>
这个一般是因为picGo的服务器端口和typora中的端口不一致造成的，因为picGo服务器会监听对应的端口，如果在typora中上传图片时没有和picGo的端口一致，那么就会出现上述错误。
解决方案：
<ol class="ol-list" start="">
<li class="md-list-item">
首先看typora中上传图片服务时调用的哪个端口，如下图所示：
<img src="https://gitee.com/LuWangLin/picBed_new/raw/master/img/image-20200916221242585.png" alt="image-20200916221242585">
</li>
<li class="md-list-item">
然后将picGo中的服务端口设置为这个端口即可，picGo设置==>设置Server：
<img src="https://gitee.com/LuWangLin/picBed_new/raw/master/img/image-20200916221453066.png" alt="image-20200916221453066">
 
</li>
</ol>
<h1 class="md-end-block md-heading">5.参考文章</h1>
<ul class="ul-list" data-mark="-">
<li class="md-list-item">
Typora+PicGo+Github/Gitee搭建免费稳定的图床
</li>
<li class="md-list-item">
PicGo + Gitee(码云)实现markdown图床
</li>
</ul>

</div>
<div id="MySignature" role="contentinfo">
保持对优秀的热情 
来源：https://www.cnblogs.com/luckforefforts/p/13642700.html

頁: [1]

琼殿技术论坛's Archiver

PicGo软件搭配gitee实现图床