使用Typora+PicGo配置Gitee图床
<h3 data-tool="mdnice编辑器"><span class="prefix"><span class="content">1、图床痛点</span></span></h3><p data-tool="mdnice编辑器">通常我们用 Typora 写 Markdown 文档，对于文档里面的图片，如果不使用图床，图片都是存放在本地，如果把文档复制到别的地方，还得额外复制图片，特别麻烦。</p>
<p data-tool="mdnice编辑器">为了解决这种问题，一次编写，到处查看，我们可以配置图床，把文档的图片地址变成网络地址，这样我们只要有网，就可以完整的看到图片。</p>
<p data-tool="mdnice编辑器">这里给大家推荐免费，而且网速特别好的 gitee 图床。</p>
<h3 data-tool="mdnice编辑器"><span class="prefix"><span class="content">2、安装 PicGo.app</span></span></h3>
<p data-tool="mdnice编辑器">下载地址：</p>
<blockquote class="multiquote-1" data-tool="mdnice编辑器">
<p>https://github.com/Molunerfinn/picgo/releases</p>
</blockquote>
<p><img src="https://gitee.com/YSOcean/typoraimg/raw/master/image/image-20210902224605225.png" data-tool="mdnice编辑器"></p>
<p data-tool="mdnice编辑器">根据自己的系统选择合适的安装包，安装全部默认就行。</p>
<p data-tool="mdnice编辑器">安装完成之后，打开是如下界面：</p>
<p><img src="https://gitee.com/YSOcean/typoraimg/raw/master/image/image-20210902224819659.png" alt="image-20210902224819659">image-20210902224819659</p>
<h3 data-tool="mdnice编辑器"><span class="prefix"><span class="content">3、安装gitee插件</span></span></h3>
<p data-tool="mdnice编辑器">在 PicGo 的插件设置，搜索 gitee,然后点击安装 gitee 。</p>
<p><img src="https://gitee.com/YSOcean/typoraimg/raw/master/image/image-20210902224907341.png" alt="image-20210902224907341">image-20210902224907341</p>
<h3 data-tool="mdnice编辑器"><span class="prefix"><span class="content">4、创建 gitee 仓库</span></span></h3>
<p><img src="https://gitee.com/YSOcean/typoraimg/raw/master/image/image-20210902225235730.png" alt="image-20210902225235730">image-20210902225235730</p>
<p data-tool="mdnice编辑器">在 gitee 上面创建一个仓库，用来存放我们上传的图片。</p>
<h3 data-tool="mdnice编辑器"><span class="prefix"><span class="content">5、配置 gitee</span></span></h3>
<p><img src="https://gitee.com/YSOcean/typoraimg/raw/master/image/image-20210902225140308.png" alt=""></p>
<p data-tool="mdnice编辑器">owner: 在 gitee 创建仓库的用户名</p>
<p data-tool="mdnice编辑器">repo: 仓库名称</p>
<p data-tool="mdnice编辑器">path: 存放图片的目录，可以不写，默认根路径</p>
<p data-tool="mdnice编辑器">token: 在gitee 根据该仓库生成的 token</p>
<p><img src="https://gitee.com/YSOcean/typoraimg/raw/master/image/image-20210902225513778.png" alt=""> <img src="https://gitee.com/YSOcean/typoraimg/raw/master/image/image-20210902225550667.png" alt=""></p>
<p data-tool="mdnice编辑器">点击提交即可生成token。</p>
<h3 data-tool="mdnice编辑器"><span class="prefix"><span class="content">6、配置 typora</span></span></h3>
<p data-tool="mdnice编辑器">下面是 Mac 配置，对于Windows系统，还需要设定安装 PicGo 的路径。</p>
<p><img src="https://gitee.com/YSOcean/typoraimg/raw/master/image/image-20210902225726960.png" alt=""></p>
<h3 data-tool="mdnice编辑器"><span class="prefix"><span class="content">7、上传图片</span></span></h3>
<p data-tool="mdnice编辑器">将图片复制到 Typora，路径显示的是本地绝对路径，点击【上传图片】，就会变成gitee 的路径了。</p>
<p><img src="https://gitee.com/YSOcean/typoraimg/raw/master/image/image-20211114213854521.png" alt=""></p>
<p data-tool="mdnice编辑器">点击上传图片后，地址就变了：</p>
<p><img src="https://gitee.com/YSOcean/typoraimg/raw/master/image/image-20211114214124625.png" alt=""></p>
</div>
<div id="MySignature" role="contentinfo">
<div style="border-top: #e0e0e0 1px dashed; border-right: #e0e0e0 1px dashed; border-bottom: #e0e0e0 1px dashed; border-left: #e0e0e0 1px dashed; padding-top: 5px; padding-right: 10px; padding-bottom: 10px; padding-left: 60px;">
<div>作者：IT可乐</div>
<div>出处：http://www.cnblogs.com/ysocean/</div>
<div><br>
资源：微信搜<strong>【IT可乐】</strong>关注我，回复 <strong>【电子书】</strong>有我特别筛选的免费电子书。
<br></div>
<div>本文版权归作者所有，欢迎转载，但未经作者同意不能转载，否则保留追究法律责任的权利。 </div>
</div><br><br>
来源：https://www.cnblogs.com/ysocean/p/15553464.html
頁:
[1]