Typora中使用Gitee图床

乌山闲人 發表於 2020-5-23 23:02:00

<h3 style="margin-top: 30px; margin-bottom: 15px; padding: 0; font-weight: bold; color: rgba(0, 0, 0, 1); font-size: 20px" data-tool="mdnice编辑器">1、前言</h3>
之前好友写了一篇「使用gitee作为图床 ,写markdown自动上传文件」，初衷是由于我一直使用的是<code style="font-size: 14px; word-wrap: break-word; padding: 2px 4px; border-radius: 4px; margin: 0 2px; background-color: rgba(27, 31, 35, 0.05); font-family: Operator Mono, Consolas, Monaco, Menlo, monospace; word-break: break-all; color: rgba(239, 112, 96, 1)">Typora</code>来写博客「力推」，但之前的版本都不支持图床功能，现在新版本已经有了图床功能了，赶紧入坑。
<blockquote style="display: block; font-size: 0.9em; overflow: auto; overflow-scrolling: touch; border-left: 3px solid rgba(239, 112, 96, 1); color: rgba(106, 115, 125, 1); padding: 10px 10px 10px 20px; margin-bottom: 20px; margin-top: 20px; background: rgba(255, 249, 249, 1)" data-tool="mdnice编辑器">
本篇环境：MacOS + Typora + PicGo + Node「确保安装nodejs环境」
</blockquote>
<h3 style="margin-top: 30px; margin-bottom: 15px; padding: 0; font-weight: bold; color: rgba(0, 0, 0, 1); font-size: 20px" data-tool="mdnice编辑器">2、Typora图床设置</h3>
在<code style="font-size: 14px; word-wrap: break-word; padding: 2px 4px; border-radius: 4px; margin: 0 2px; background-color: rgba(27, 31, 35, 0.05); font-family: Operator Mono, Consolas, Monaco, Menlo, monospace; word-break: break-all; color: rgba(239, 112, 96, 1)">图像</code> > <code style="font-size: 14px; word-wrap: break-word; padding: 2px 4px; border-radius: 4px; margin: 0 2px; background-color: rgba(27, 31, 35, 0.05); font-family: Operator Mono, Consolas, Monaco, Menlo, monospace; word-break: break-all; color: rgba(239, 112, 96, 1)">上传服务设定</code>里选择 <code style="font-size: 14px; word-wrap: break-word; padding: 2px 4px; border-radius: 4px; margin: 0 2px; background-color: rgba(27, 31, 35, 0.05); font-family: Operator Mono, Consolas, Monaco, Menlo, monospace; word-break: break-all; color: rgba(239, 112, 96, 1)">PigGo.app</code>。
<img style="display: block; margin: 0 auto; max-width: 100%" src="https://gitee.com/niceyoo/blog/raw/master/img/2020_05_16/1590244548962_b855d0ed-fd18-4fde-8dba-b21ff58315b9.png" alt="">
<h3 style="margin-top: 30px; margin-bottom: 15px; padding: 0; font-weight: bold; color: rgba(0, 0, 0, 1); font-size: 20px" data-tool="mdnice编辑器">3、安装Picgo</h3>
PicGo.app下载「推荐」：https://niceyoo.lanzous.com/icxslgf
官方下载地址：https://github.com/Molunerfinn/picgo/releases
打开详细参数设置：
<img style="display: block; margin: 0 auto; max-width: 100%" src="https://gitee.com/niceyoo/blog/raw/master/img/2020_05_16/1590244739850_4b56ab2c-c465-4c14-a279-1530420b9593.png" alt="">
安装<code style="font-size: 14px; word-wrap: break-word; padding: 2px 4px; border-radius: 4px; margin: 0 2px; background-color: rgba(27, 31, 35, 0.05); font-family: Operator Mono, Consolas, Monaco, Menlo, monospace; word-break: break-all; color: rgba(239, 112, 96, 1)">Gitee</code>插件，安装哪个都可以，安装后重启一下<code style="font-size: 14px; word-wrap: break-word; padding: 2px 4px; border-radius: 4px; margin: 0 2px; background-color: rgba(27, 31, 35, 0.05); font-family: Operator Mono, Consolas, Monaco, Menlo, monospace; word-break: break-all; color: rgba(239, 112, 96, 1)">Picgo</code>：
<img style="display: block; margin: 0 auto; max-width: 100%" src="https://gitee.com/niceyoo/blog/raw/master/img/2020_05_16/1590244869434_f3718182-cabf-4aa1-9d90-1b3199ff6fc4.png" alt="">
此时可以在图床列表看到 <code style="font-size: 14px; word-wrap: break-word; padding: 2px 4px; border-radius: 4px; margin: 0 2px; background-color: rgba(27, 31, 35, 0.05); font-family: Operator Mono, Consolas, Monaco, Menlo, monospace; word-break: break-all; color: rgba(239, 112, 96, 1)">Gitee图床</code>了：
<img style="display: block; margin: 0 auto; max-width: 100%" src="https://gitee.com/niceyoo/blog/raw/master/img/2020_05_16/1590245093393_96e16e0d-3909-4e5c-b6de-7dd9e2e8b27e.png" alt="">
关于上方这几个参数如何设置我就不重复描述了，看这篇文章：https://www.cnblogs.com/upuptop/p/12197125.html
<h3 style="margin-top: 30px; margin-bottom: 15px; padding: 0; font-weight: bold; color: rgba(0, 0, 0, 1); font-size: 20px" data-tool="mdnice编辑器">4、测试上传</h3>
点击Typora<code style="font-size: 14px; word-wrap: break-word; padding: 2px 4px; border-radius: 4px; margin: 0 2px; background-color: rgba(27, 31, 35, 0.05); font-family: Operator Mono, Consolas, Monaco, Menlo, monospace; word-break: break-all; color: rgba(239, 112, 96, 1)">图床</code>里面的<code style="font-size: 14px; word-wrap: break-word; padding: 2px 4px; border-radius: 4px; margin: 0 2px; background-color: rgba(27, 31, 35, 0.05); font-family: Operator Mono, Consolas, Monaco, Menlo, monospace; word-break: break-all; color: rgba(239, 112, 96, 1)">验证图片上传选项</code>
<img style="display: block; margin: 0 auto; max-width: 100%" src="https://gitee.com/niceyoo/blog/raw/master/img/2020_05_16/1590244488854_ce9ea4cf-50a0-410f-981a-6bf4a3527645.png" alt="">
此时我们在文章中插入图片时是这样提示的：
<img style="display: block; margin: 0 auto; max-width: 100%" src="https://gitee.com/niceyoo/blog/raw/master/img/image-20200523225153087.png" alt="image-20200523225153087">image-20200523225153087
<h3 style="margin-top: 30px; margin-bottom: 15px; padding: 0; font-weight: bold; color: rgba(0, 0, 0, 1); font-size: 20px" data-tool="mdnice编辑器">5、其他</h3>
关于PicGo-Core：https://picgo.github.io/PicGo-Core-Doc/zh/guide/
关于Upload-Image：https://support.typora.io/Upload-Image/#option-2-config-via-cli 
来源：https://www.cnblogs.com/niceyoo/p/12944999.html

頁: [1]

琼殿技术论坛's Archiver

Typora中使用Gitee图床