Typora+PicGo+Gitee实现自动上传图床
<h1 id="typorapicgogitee实现自动上传图床">Typora+PicGo+Gitee实现自动上传图床</h1><h2 id="1--废话开头">1.废话开头</h2>
<p> 使用Typora以来，一直被它的简洁、轻便的功能所吸引，但是它的图片上传功能却成了一大痛点。在我们的文档编辑过程中，经常需要使用到图文效果，少了图片效果，文章通篇就会显得枯燥无味。当然，网上也有很多关于Typora+PicGo+Gitee的文章，写的很详细，一步步的帮助我们实现”白嫖之旅“。</p>
<p> 本人作为一个专业的羊毛党，自然也想白嫖一把，周末闲来无事，一个人捣鼓，发现过程并不是一帆风顺，也算踩了几个小坑，当然主要怪自己过于愚钝。因此，为了后面的学习，我决定把整个操作流程记录下来，以供有需要的朋友指导、借鉴，当然更重要的为了自己后面使用有需要时可以方便查阅。</p>
<h2 id="2-准备工作">2. 准备工作</h2>
<p>2.1 首先，我们进入Gitee码云的官网，登录进去，在主界面右上角找到一个<code>+</code>号，自动展开，点击<code>New Repository</code>新建一个Repository。</p>
<p><img src="https://gitee.com/joues/images_ben/raw/master/img/image-20200830200903414.png" alt="image-20200830200903414" loading="lazy"></p>
<p>2.2 进入新建仓库界面后，我们依次按照下图操作流程（和Github上创建一个新的仓库步骤差不多）：</p>
<p><img src="https://gitee.com/joues/images_ben/raw/master/img/image-20200830201355732.png" alt="image-20200830201355732" loading="lazy"></p>
<p> 信息填写完毕后，点击<code>New</code>按钮即可创建一个新的仓库。</p>
<p>2.3 接下来，我们点击右上角头像，在下拉栏点击<code>Setting</code>按钮，进入设置页面。</p>
<p><img src="https://gitee.com/joues/images_ben/raw/master/img/image-20200830202319749.png" alt="image-20200830202319749" loading="lazy"></p>
<p>2.4 我们在设置页面，左侧菜单栏，找到私人令牌/Personal access tokens，点击进入私人令牌管理页面。</p>
<p><img src="https://gitee.com/joues/images_ben/raw/master/img/image-20200830201908054.png" alt="" loading="lazy"></p>
<p>2.5 点击右上角的生成新令牌（Generate New token）</p>
<p><img src="https://gitee.com/joues/images_ben/raw/master/img/image-20200830202524079.png" alt="image-20200830202524079" loading="lazy"></p>
<p>2.6 对应填入令牌描述，提交即可（由于已经创建过，这里借用的网图做描述，请见谅哈~）</p>
<p><img src="https://gitee.com/joues/images_ben/raw/master/img/20200724102939.png" alt="image-20200724102938868" loading="lazy"></p>
<p>2.7 这里我们需要输入Gitee账户密码</p>
<p><img src="https://gitee.com/joues/images_ben/raw/master/img/20200724103118.png" alt="image-20200724103116838" loading="lazy"></p>
<p>2.8 私人令牌生成提示</p>
<p><img src="https://gitee.com/joues/images_ben/raw/master/img/20200724103215.png" alt="image-20200724103215829" loading="lazy"></p>
<p>2.9 保存好这里的私人令牌，后面第4步我们即将使用到！</p>
<p>2.10 在桌面同时按下<code>Win + R</code>，在 <strong>运行</strong> 中输入cmd，打开命令工具，输入 <code>npm -v</code>，检查是否已经安装好npm工具。</p>
<p><img src="https://gitee.com/joues/images_ben/raw/master/img/image-20200830204011788.png" alt="image-20200830204011788" loading="lazy"></p>
<blockquote>
<p>注意：若没有安装 node.js ，则会安装不了插件。因为插件下载需要使用到 node.js 的 npm！</p>
</blockquote>
<p>node.js 官网下载链接：https://nodejs.org/zh-cn/</p>
<h2 id="3-typora-设置">3. Typora 设置</h2>
<p> 这一步我就当大家已经安装好了Typora，就不在此过多赘述。如果未安装请点击：Typora</p>
<img src="https://gitee.com/joues/images_ben/raw/master/img/image-20200830195856668.png" alt="image-20200830195856668">
<p>3.1 找到菜单栏：</p>
<p>依次点击</p>
<blockquote>
<p>文件 -> 偏好设置… -> 图像</p>
</blockquote>
<p>3.2 插入图片时……</p>
<p>选择下拉框数据为：<strong>上传图片</strong></p>
<p>3.3 上传服务设定……</p>
<p>上传服务下拉框：<strong>PicGo（app）</strong></p>
<p>好了，关于Typora的设置就这么多。接下来，我们需要下载并安装PicGo，Windows版本下载链接：PicGo百度云提取码：1tj7</p>
<h2 id="4-picgo-设置">4. PicGo 设置</h2>
<p>Windows用户安装完PicGo后，打开PicGo，界面大致如下：</p>
<p><img alt="image-20200830200542194" loading="lazy"></p>
<p>4.1 点击插件设置，输入Gitee，找到Gitee相关插件（这里我已经安装了……）</p>
<p><img src="https://gitee.com/joues/images_ben/raw/master/img/image-20200830203054108.png" alt="image-20200830203054108" loading="lazy"></p>
<p>4.2 坑！！！从这里开始我入坑，也可能是自己没有认真看教程的缘故。</p>
<p>点击安装后，过了很久一直没有安装成功。</p>
<p>因此，再次找到新的教程，才清楚后面的步骤。</p>
<p>4.3 点击搜索出来Gitee插件名，任意。自动跳转浏览器，进入该插件的Github页面，使用Git把项目clone到<code>C:\Users\Windows10\AppData\Roaming\picgo</code>路径下。(我这里安装的是<code>picgo-plugin-gitee</code>，后面以该插件为例讲解)</p>
<p><img src="https://gitee.com/joues/images_ben/raw/master/img/image-20200830203355144.png" alt="image-20200830203355144" loading="lazy"></p>
<p><img src="https://gitee.com/joues/images_ben/raw/master/img/image-20200830203557905.png" alt="image-20200830203557905" loading="lazy"></p>
<p>4.4 接下来，再当前目录下，地址栏输入<code>cmd</code>命令，回车，打开命令行工具</p>
<p><img src="https://gitee.com/joues/images_ben/raw/master/img/image-20200830203726462.png" alt="image-20200830203726462" loading="lazy"></p>
<p>4.5 在cmd命令工具中输入命令：<code>npm i picgo-plugin-gitee</code>，待整个安装流程跑完即可。</p>
<p><img src="https://gitee.com/joues/images_ben/raw/master/img/image-20200830204440378.png" alt="image-20200830204440378" loading="lazy"></p>
<p>4.6 重启PicGo，这时点击<code>图床设置</code>，就可以在最后面找到<code>Gitee图床</code>。</p>
<p><img src="https://gitee.com/joues/images_ben/raw/master/img/image-20200830204556842.png" alt="image-20200830204556842" loading="lazy"></p>
<p>4.7 点击<strong>Gitee图床</strong>，按照下图提示，填入对应信息。最后可点击<strong>设为默认图床</strong>。</p>
<p><img src="https://gitee.com/joues/images_ben/raw/master/img/aHR0cHM6Ly9naXRlZS5jb20vd3VnZW5xaWFuZy9QaWN0dXJlQmVkL3Jhdy9tYXN0ZXIvQ1MtTm90ZXMvMjAyMDA0MjAyMDUzMjIucG5n" alt="image-20200420205320933" loading="lazy"></p>
<p>4.8 这时整个配置流程差不多走完了，这时我们只需要打开Typora，依次点击进入：<code>偏好设置-> 图像-> 验证图片上传选项</code></p>
<p><img src="https://gitee.com/joues/images_ben/raw/master/img/image-20200830204942071.png" alt="image-20200830204942071" loading="lazy"></p>
<p>4.9 验证结果：</p>
<p><img src="https://gitee.com/joues/images_ben/raw/master/img/image-20200830205329017.png" alt="image-20200830205329017" loading="lazy"></p>
<blockquote>
<p>注意：当PicGo打开无法显示Gitee图床插件时，不妨重启试试，重启大法好~</p>
</blockquote>
</div>
<div id="MySignature" role="contentinfo">
都说酒是陈的香。<br><br>
来源：https://www.cnblogs.com/yihangjou/p/13586698.html
頁:
[1]