PicGo + Gitee(码云)实现markdown图床
<p>转载自：https://www.jianshu.com/p/b69950a49ae2</p><h2 id="最终决定使用picgo--国内的github---码云来实现markdown图床">最终决定使用PicGo + 国内的github - 码云来实现markdown图床</h2>
<p>废话说到这里，开始进入正题</p>
<hr>
<h2 id="1-安装">1. 安装</h2>
<ul>
<li>
<p>PicGo</p>
</li>
<li>
<p>picgo-plugin-gitee-uploader插件</p>
</li>
</ul>
<h4 id="首先打开picgo官网下载安装包">首先打开picgo官网，下载安装包</h4>
<p><img src="https://img-blog.csdnimg.cn/img_convert/9f7778645993c76e1d7b7bcd953f124d.webp?x-oss-process=image/format,png" alt="" loading="lazy"></p>
<p>速度还挺快，没关系，PicGo2.1.2的安装包下面链接自取</p>
<h4 id="安装之后打开主界面">安装之后打开主界面</h4>
<p><img src="https://img-blog.csdnimg.cn/img_convert/508c52a72a9049bdec8bbee099d1dfa0.webp?x-oss-process=image/format,png" alt="" loading="lazy"></p>
<h4 id="选择最底下的插件设置搜索gitee">选择最底下的插件设置，搜索<strong>gitee</strong></h4>
<p><img src="https://img-blog.csdnimg.cn/img_convert/425e01eb8520c7d592cabc03bf5b4feb.webp?x-oss-process=image/format,png" alt="" loading="lazy"></p>
<h4 id="点击右边的gitee-uploader-112开始安装">点击右边的gitee-uploader 1.1.2开始安装</h4>
<blockquote>
<p>这里注意一下，必须要先安装node.js才能安装插件，没装的自己装一下，然后重启就行。</p>
</blockquote>
<p>这个地方有两个插件，我试了一遍，两个都能用，大家看心情选择，先说一下右边这个<strong>gitee-uploader 1.1.2</strong>，用不了的同学就选左边那个，我都会讲一遍配置</p>
<hr>
<h2 id="2-建立gitee码云图床库">2. 建立gitee（码云）图床库</h2>
<p>注册码云的方法很简单，网站引导都是中文，不多说了，我们直接建立自己的图床库。</p>
<h4 id="点击右上角的号新建仓库">点击右上角的+号，新建仓库</h4>
<p><img src="https://img-blog.csdnimg.cn/img_convert/41406786f7931268e7caa52e70b7bff3.webp?x-oss-process=image/format,png" alt="" loading="lazy"></p>
<p>新建仓库的要点如下：</p>
<ol>
<li>
<h5 id="输入一个仓库名称">输入一个仓库名称</h5>
</li>
<li>
<h5 id="其次将仓库设为公开">其次将仓库设为公开</h5>
</li>
<li>
<h5 id="勾选使用readme文件初始化这个仓库">勾选使用Readme文件初始化这个仓库</h5>
</li>
</ol>
<p><strong>这个选项勾上，这样码云会自动给你的仓库建立master分支，这点很重要!!!</strong> 我因为这点折腾了很久，因为使用github做图床picgo好像会自动帮你生成master分支，而picgo里的gitee插件不会帮你自动生成分支。</p>
<p><img src="https://img-blog.csdnimg.cn/img_convert/ccb369263965bb77d2cb385e07a36105.webp?x-oss-process=image/format,png" alt="" loading="lazy"></p>
<p>点击创建进入下一步</p>
<hr>
<h2 id="3-配置picgo">3. 配置PicGo</h2>
<p>安装了<strong>gitee-uploader 1.1.2</strong>插件之后，我们开始配置插件</p>
<h4 id="配置插件的要点如下">配置插件的要点如下：</h4>
<p><img src="https://img-blog.csdnimg.cn/img_convert/c70cdabb7db3c3b32b0b1f6d97277d22.webp?x-oss-process=image/format,png" alt="" loading="lazy"></p>
<ul>
<li>
<p>repo：用户名/仓库名称，比如我自己的仓库leonG7/blogImage，也可以直接复制仓库的url</p>
<p><img src="https://img-blog.csdnimg.cn/img_convert/468ea54baf1dbc4dc6a5fa1295b5193c.webp?x-oss-process=image/format,png" alt="" loading="lazy"></p>
</li>
<li>
<p>branch：分支，这里写上master</p>
</li>
<li>
<p>token：填入码云的私人令牌</p>
</li>
<li>
<p>path：路径，一般写上img</p>
</li>
<li>
<p>customPath：提交消息，这一项和下一项customURL都不用填。在提交到码云后，会显示提交消息，插件默认提交的是 <code>Upload 图片名 by picGo - 时间</code></p>
</li>
</ul>
<h4 id="这个token怎么获取下面登录进自己的码云">这个token怎么获取，下面登录进自己的码云</h4>
<ol>
<li>点击头像，进入设置</li>
</ol>
<p><img src="https://img-blog.csdnimg.cn/img_convert/3de785588e89d98f9052275fb14fd96f.webp?x-oss-process=image/format,png" alt="" loading="lazy"></p>
<ol start="2">
<li>找到右边安全设置里面的私人令牌</li>
</ol>
<p><img src="https://img-blog.csdnimg.cn/img_convert/ee13c45d2a44130eb14a63ad4a204cda.webp?x-oss-process=image/format,png" alt="" loading="lazy"></p>
<ol start="3">
<li>
<p>点击<code>生成新令牌</code>，把<strong>projects</strong>这一项勾上，其他的不用勾，然后提交</p>
<p><img src="https://img-blog.csdnimg.cn/img_convert/04846ef77ab0c716d8d8c31427e30ff9.webp?x-oss-process=image/format,png" alt="" loading="lazy"></p>
<p>这里需要验证一下密码，验证密码之后会出来一串数字，这一串数字就是你的token，将这串数字复制到刚才的配置里面去。</p>
<p><img src="https://img-blog.csdnimg.cn/img_convert/83705e2123593cbc390108ec4e0ddd2b.webp?x-oss-process=image/format,png" alt="" loading="lazy"></p>
<blockquote>
<p>注意：这个令牌只会明文显示一次，建议在配置插件的时候再来生成令牌，直接复制进去，搞丢了又要重新生成一个。</p>
</blockquote>
</li>
</ol>
<h4 id="现在保存你刚才的配置然后将它设置为默认图床大功告成">现在保存你刚才的配置，然后将它设置为默认图床，大功告成。</h4>
<p>还有一个插件<strong>gitee 1.2.2-beta</strong>，功能差不多，<code>刚才那个能用的话就不需要用这个</code>，配置的内容有点差别，简单说一下：</p>
<p><img src="https://img-blog.csdnimg.cn/img_convert/e9aac45a277ad9d8d20cc59a6f21a41d.webp?x-oss-process=image/format,png" alt="" loading="lazy"></p>
<ul>
<li>
<p>url：图床网站，这里写码云的主页 https://gitee.com</p>
</li>
<li>
<p>owner：所有者，写上你的码云账号名，如果你不知道你的账号名，进入你刚才的仓库，浏览器url里面有</p>
<p><img src="https://img-blog.csdnimg.cn/img_convert/d9ff1955d4e3bd575230a43130e2b60c.webp?x-oss-process=image/format,png" alt="" loading="lazy"></p>
</li>
<li>
<p>repo：仓库名称，只要写上仓库名称就行，比如我自己的仓库blogImage</p>
</li>
<li>
<p>path：写上路径，一般是img，<strong>这几个项都不用加“ / “符号</strong></p>
</li>
<li>
<p>token：刚才你获取的个人令牌，两个插件是通用的，如果你用了另一个再来用这个，它会自动读取另一个插件的部分配置，不用重新申请</p>
</li>
<li>
<p>message：不用填</p>
</li>
</ul>
<hr>
<h2 id="4-测试">4. 测试</h2>
<p>随便选一张图片上传（picgo也支持剪贴板上传，截图工具推荐win10的_Snipaste_神器！），试试看</p>
<h3 id="超级快有木有比github快很多01秒上传而且导入到你的markdown编辑器里面也是秒识别你的图片内容而如果是github图床上传太慢不说可能还会出现下面这样识别不出来的问题">超级快有木有！比github快很多，0.1秒上传，而且导入到你的markdown编辑器里面也是秒识别你的图片内容，而如果是github图床上传太慢不说可能还会出现下面这样识别不出来的问题！</h3>
<p><img src="https://img-blog.csdnimg.cn/img_convert/232b0b8f9776bc92425f5ef8e7959213.webp?x-oss-process=image/format,png" alt="" loading="lazy"></p>
<p>github链接因为网速原因可能识别不出</p>
<h4 id="上传之后默认复制链接直接粘贴到你的markdown编辑器里就可以愉快的进行写作了">上传之后默认复制链接，直接粘贴到你的markdown编辑器里，就可以愉快的进行写作了！</h4>
<p>最后推荐一下我的博客写作套件<strong>Typora + PicGo + Snipaste</strong>，Typora写文档，Snipaste一键截图，PicGo一键上传图片返回链接。</p>
<p>手把手教你用Typora自动上传到picgo图床【教程与排坑】</p><br><br>
来源：https://www.cnblogs.com/kehao/p/14579790.html
頁:
[1]