郑二发子 發表於 2021-8-18 13:01:00

Typora使用Gitee图床

<h2 id="前言">前言</h2>
<p>现在比较流行的Markdown编辑器应该是<code>Typora</code>,但是<code>Typora</code>本身不支持本地上传图片的云端存储,所以当我们写博客的时候,需要上传图片,就得自己设置图床,今天给大家推荐一款免费的图床-Gitee。</p>
<blockquote>
<p>Typora下载地址:https://www.typora.io/</p>
</blockquote>
<h2 id="下载picgo">下载PicGo</h2>
<p>Typora里面使用的图床工具有PicGo,所以我们需要先下载 PicGo,下载地址:https://github.com/Molunerfinn/PicGo/releases</p>
<p><img src="https://img2020.cnblogs.com/blog/2238983/202108/2238983-20210818123135529-268112582.png" alt="" loading="lazy"></p>
<p>下载完成之后,傻瓜式安装即可。</p>
<h2 id="新建gitee仓库">新建Gitee仓库</h2>
<p>如下图,写上仓库名称点击创建即可。</p>
<p><img src="https://img2020.cnblogs.com/blog/2238983/202108/2238983-20210818123453817-8868735.png" alt="" loading="lazy"></p>
<h2 id="配置picgo">配置PicGo</h2>
<p>打开PicGo软件,然后搜索<code>gitee</code>,看到下面的 <code>gitee-uploader 1.1.2</code>,直接点击安装。</p>
<p><img src="https://img2020.cnblogs.com/blog/2238983/202108/2238983-20210818123733336-2064705178.png" alt="" loading="lazy"></p>
<p>安装好之后,在图床设置里面,会出现 <code>gitee</code>,点击进行配置:</p>
<p><img src="https://img2020.cnblogs.com/blog/2238983/202108/2238983-20210818123901962-1747680133.png" alt="" loading="lazy"></p>
<p>如下图,输入 <code>用户名/仓库名称</code> 和 <code>token</code>,下面的path填 <code>/imgs</code>(可以不填)</p>
<p><img src="https://img2020.cnblogs.com/blog/2238983/202108/2238983-20210818124058298-1661613363.png" alt="" loading="lazy"></p>
<p><strong>repo</strong>就是你仓库的地址,注意看我的这个仓库的地址是下面这个,所以 <strong>repo</strong>就是 <code>xqnode/images</code>,你要根据自己刚才创建的仓库名称自己设置。</p>
<p><img src="https://img2020.cnblogs.com/blog/2238983/202108/2238983-20210818124328974-1733158971.png" alt="" loading="lazy"></p>
<p><strong>token</strong>在gitee <strong>头像 &gt; 设置 &gt; 私人令牌</strong>,点进去新建一个就可以了:</p>
<p><img src="https://img2020.cnblogs.com/blog/2238983/202108/2238983-20210818124203884-2056995928.png" alt="" loading="lazy"></p>
<p><img src="https://img2020.cnblogs.com/blog/2238983/202108/2238983-20210818124527887-1780405557.png" alt="" loading="lazy"></p>
<p><font color="red" size="5">新建完之后一定要复制你的私人令牌,然后粘贴到<strong>token</strong>里面去</font></p>
<h2 id="picgo验证图片上传功能">PicGo验证图片上传功能</h2>
<p>配置完之后我们可以验证文件上传是否可用,拖动图片到上传区域或者点击上传区域进行图片上传,上传过程中下面会显示进度条:</p>
<p><img src="https://img2020.cnblogs.com/blog/2238983/202108/2238983-20210818125315817-1596516987.png" alt="" loading="lazy"></p>
<p>上传完成之后,会有结果提示,你可以知道本次成功还是失败。如果没有提示,你可以打开gitee仓库看下刚才的文件是否已上传:</p>
<p><img src="https://img2020.cnblogs.com/blog/2238983/202108/2238983-20210818125443988-1049645257.png" alt="" loading="lazy"></p>
<p>文件存在,表示上传成功,直接点击图片是可以看到预览的。</p>
<h2 id="typora配置">Typora配置</h2>
<p>设置完PicGo之后,就可以在Typora里面使用了,我们打开 <strong>文件 &gt; 偏好设置 &gt; 图像</strong> 开始配置,<code>PicGo路径</code>就是你刚才安装的路径。</p>
<p><img src="https://img2020.cnblogs.com/blog/2238983/202108/2238983-20210818125101837-95152794.png" alt="" loading="lazy"></p>
<h2 id="typora图片上传验证">Typora图片上传验证</h2>
<p>配置完成之后,直接关闭配置。然后我们就可以验证Typora的图片上传功能了,直接粘贴一张图片:</p>
<p><img src="https://img2020.cnblogs.com/blog/2238983/202108/2238983-20210818125747593-52275738.png" alt="" loading="lazy"></p>
<p>我们可以看到,图片的路径已经变成Gitee仓库里的地址了,直接在浏览器打开也是可以访问的。这就表示我们本次的图床配置成功,Typora可以上传在线图片了。</p><br><br>
来源:https://www.cnblogs.com/xqnode/p/15156293.html
頁: [1]
查看完整版本: Typora使用Gitee图床