【超详细】MakeDown（Typora）+PicGo+Gitee实现图床
<h3 id="超详细makedowntyporapicgogitee实现图床">【超详细】MakeDown（Typora）+PicGo+Gitee实现图床</h3><p>序言：我们有时在用makedown整理笔记时想把自己的笔记上传到博客园，可是发现在上传过程中makedown中的图片显示不出来，我们只好利用博客园的上传图片功能一张一张重新上传，此时太费时费力。</p>
<p> 那么使用MakeDown（Typora）+PicGo+Gitee实现图床，将本地的图片上传到Gitee转换为在线的网络图片，就可以解决此问题。</p>
<blockquote>
<p>图床是干什么的？</p>
<p>图床就是一个便于在博文中插入在线图片连接的个人图片仓库。设置图床之后，在自己博客中插入的图片链接就可以随时随地在线预览了，并且不会因为任何意外原因无法查看，除非自己亲自删除。</p>
</blockquote>
<h4 id="一准备工作">一、准备工作</h4>
<ul>
<li>下载<strong>Typora</strong> 地址：https://typora.io/</li>
<li>下载<strong>PicGo</strong> 地址：https://github.com/Molunerfinn/picgo/releases</li>
<li>创建自己的Gitee账号</li>
</ul>
<h4 id="二安装流程">二、安装流程</h4>
<p>1、按步骤安装Typora（一键安装）</p>
<p>2、安装PicGo 按步骤完成，然后在<strong>插件设置</strong>里安装<strong>gitee-uploader 1.1.2</strong>插件</p>
<img src="https://gitee.com/yyb1024/myimage/raw/master/img/20201222162534.png" style="zoom: 50%">
<blockquote>
<p>这里注意一下，必须要先安装node.js才能安装插件，没装的自己装一下，然后重启就行。</p>
</blockquote>
<h4 id="三搭建床图库">三、搭建床图库</h4>
<h5 id="1注册自己的gitee账号">1、注册自己的Gitee账号</h5>
<ul>
<li>都是中文流程比较简单就不阐述了。</li>
</ul>
<h5 id="2创建图床仓库">2、创建图床仓库</h5>
<ul>
<li>首先在主界面的右上角</li>
</ul>
<img src="https://gitee.com/yyb1024/myimage/raw/master/img/20201222163502.png" style="zoom: 80%">
<h5 id="3新建仓库的注意点">3、新建仓库的注意点</h5>
<ul>
<li>
<p><strong>1.输入一个仓库名称</strong></p>
</li>
<li>
<p><strong>2.其次将仓库设为公开</strong></p>
</li>
<li>
<p><strong>3.勾选使用Readme文件初始化这个仓库</strong></p>
</li>
<li>
<p><strong>4.这个选项勾上，这样码云会自动给你的仓库建立master分支，这点很重要!</strong> ，因为使用github做图床picgo好像会自动帮你生成master分支，而picgo里的gitee插件不会帮你自动生成分支。</p>
</li>
</ul>
<img src="https://gitee.com/yyb1024/myimage/raw/master/img/20201222164821.png" style="zoom: 67%">
<h5 id="4生成自己的私人令牌用于获取token">4、生成自己的私人令牌用于获取token</h5>
<ul>
<li>
<p>点击头像，进入设置。</p>
<img src="https://gitee.com/yyb1024/myimage/raw/master/img/20201222170724.png" style="zoom: 80%">
</li>
<li>
<p>找到右边安全设置里面的私人令牌。</p>
<img src="https://gitee.com/yyb1024/myimage/raw/master/img/20201222170903.png" style="zoom: 80%">
</li>
<li>
<p>点击<code>生成新令牌</code>，把<strong>projects</strong>这一项勾上，其他的可以不用勾，然后提交。</p>
<img src="https://gitee.com/yyb1024/myimage/raw/master/img/20201222171038.png" style="zoom: 80%">
</li>
<li>
<p>复制私人令牌</p>
<img src="https://gitee.com/yyb1024/myimage/raw/master/img/20201222171340.png" style="zoom: 80%">
<blockquote>
<p>注意：这个令牌只会明文显示一次，建议在配置插件的时候再来生成令牌，直接复制进去，搞丢了又要重新生成一个。</p>
</blockquote>
</li>
</ul>
<h4 id="四配置picgo">四、配置PicGo</h4>
<h5 id="1在床图设置找到gitee选项">1.在床图设置找到gitee选项</h5>
<h5 id="2repo用户名仓库名称">2.<strong>repo</strong>：用户名/仓库名称，</h5>
<p>比如我自己的仓库yyb1024/myimage，可以直接复制仓库的url截取(eg:https://gitee.com/yyb1024/myimage)</p>
<h5 id="3branch分支这里写上master">3.<strong>branch</strong>：分支，这里写上master</h5>
<h5 id="4token填入码云的私人令牌">4.<strong>token</strong>：填入码云的私人令牌</h5>
<h5 id="5path路径一般写上img">5.<strong>path</strong>：路径，一般写上img</h5>
<h5 id="6custompath提交消息">6.<strong>customPath</strong>：提交消息，</h5>
<p>这一项和下一项customURL都不用填。在提交到码云后，会显示提交消息，插件默认提交的是 <code>Upload 图片名 by picGo - 时间</code></p>
<img src="https://gitee.com/yyb1024/myimage/raw/master/img/20201222172120.png" style="zoom: 80%">
<h5 id="7picgo设置server">7.PicGo设置server</h5>
<ul>
<li>1.选项PicGo设置</li>
<li>2.点击设置server端口号为：36677，并打开</li>
<li>3.时间戳主要用于区别上传命名相同的图片</li>
</ul>
<img src="https://gitee.com/yyb1024/myimage/raw/master/img/20201222172852.png" style="zoom: 80%">
<img src="https://gitee.com/yyb1024/myimage/raw/master/img/20201222173311.png" style="zoom: 80%">
<h4 id="五配置typora">五、配置Typora</h4>
<ul>
<li>打开typora，点开左上角文件，选择<strong>偏好设置</strong></li>
</ul>
<h5 id="2-设置插入图片时为上传图片">2. 设置插入图片时为<strong>【上传图片】</strong></h5>
<h5 id="3-勾选对本地位置的图片应用上述规则">3. 勾选<strong>【对本地位置的图片应用上述规则】</strong></h5>
<h5 id="4-在上传服务中选择picgoapp">4. 在上传服务中选择<strong>【PicGo(app)】</strong></h5>
<h5 id="5-在路径中选择picgo安装目录picgoexe">5. 在路径中选择picgo<strong>安装目录PicGo.exe</strong></h5>
<h5 id="6-测试是否成功上传">6. 测试是否成功上传</h5>
<img src="https://gitee.com/yyb1024/myimage/raw/master/img/20201222174111.png" style="zoom: 80%">
<img src="https://gitee.com/yyb1024/myimage/raw/master/img/20201222174353.png" style="zoom: 80%">
<p>搭建整个床图流程完毕！</p>
<h4 id="六报错处理">六、报错处理</h4>
<ul>
<li>
<p>在设置日志文件里点击查看详情~</p>
<img src="https://gitee.com/yyb1024/myimage/raw/master/img/20201222174942.png" style="zoom: 80%"></li>
</ul><br><br>
来源：https://www.cnblogs.com/yyb6/p/14174395.html
頁:
[1]