Typora+PicGo+Gitee图床

樱岛少女 發表於 2023-2-20 17:28:00

<h1 id="typorapicgogitee图床">Typora+PicGo+Gitee图床</h1>
<h2 id="介绍">介绍</h2>
<ul>
<li>Typora：一个用于写文章的Markdown 编辑器，Typora 没有采用源代码和预览双栏显示的方式，而是采用所见即所得的编辑方式，实现了即时预览的功能，但也可切换至源代码编辑模式。-</li>
<li>PicGO：一个用于快速上传图片并获取图片 URL 链接的工具，解放人工收到上传图片。</li>
<li>Gitee：仓库，也可以选择其他图床，imgur、SM.MS、七牛云，阿里云oss等……</li>
</ul>
<h2 id="准备">准备</h2>
<h3 id="下载picgo">下载PicGo</h3>
官方下载地址：https://github.com/Molunerfinn/PicGo/tags
选择一个版本，拉到最底下选择一个合适的下载包，这里选择的是PicGo-Setup-2.3.1.exe，顺便附上链接是，链接的PicGo版本是PicGo-Setup-2.3.1.exe。
<blockquote>
链接: https://pan.baidu.com/s/1_KBvV1_kFasWmw7UjirqNg
提取码: vnj6
</blockquote>
<img src="https://img2023.cnblogs.com/blog/1629700/202302/1629700-20230220172655177-2132471014.png" alt="image-20230220104944913" loading="lazy">
<img src="https://img2023.cnblogs.com/blog/1629700/202302/1629700-20230220172655237-842249872.png" alt="image-20230220104855892" loading="lazy">
下载完成后一直下一步安装即可
<img src="https://img2023.cnblogs.com/blog/1629700/202302/1629700-20230220172655217-1083485477.png" alt="image-20230220105312083" loading="lazy">
<h3 id="下载typora">下载Typora</h3>
官方下载地址：https://typoraio.cn/
<img alt="image-20230220110015202" loading="lazy">
这里选择对应系统、版本下载即可，需要注意的是Typora在1.0之后就开始收费了
这里选择的是1.0前的最新免费版0.11.18，链接：
<blockquote>
链接: https://pan.baidu.com/s/1AScFv2Z5QeH3ghhKwSMtSQ
提取码: 8nfn
</blockquote>
过期解决方案
由于0.11.18低版本免费时间过期后，无法使用，打开 Typora 时报错，提示已经过期，需要安装新版本
<img src="https://gitee.com/zsc0/images/raw/master/images/index.php" alt="过期提示" loading="lazy">
1、按<code>Windows+R</code>打开运行窗口
2、输入<code>regedit</code>，点确定，打开注册表
3、依次展开 <code>计算机\HKEY_CURRENT_USER\SOFTWARE\Typora</code>
4、然后在<code>Typora</code>上右键，点<code>权限</code>，选中 <code>Administrtors</code>，把权限全部设置为<code>拒绝</code>即可
<img src="https://img2023.cnblogs.com/blog/1629700/202302/1629700-20230220172655639-1995605329.png" alt="image-20230220111957830" loading="lazy">
到这Typora已经可以使用了；
<h3 id="仓库选择">仓库选择</h3>
图床可以选择使用GitHub、Gitee、腾讯云COS、阿里云OSS、SM.MS、七牛云等；GitHub有时会访问慢，图片可能出不来，所以这里选择的都Gitee，其实都不太稳，更好的是使用对象存储服务器，快又稳，40G的一年也就几块钱；
<hr>
<h2 id="配置">配置</h2>
<h3 id="配置gitee">配置Gitee</h3>
首先登录到Gitee，创建仓库
<img src="https://img2023.cnblogs.com/blog/1629700/202302/1629700-20230220172655323-1556433960.png" alt="image-20230220161605217" loading="lazy">
创建完成后点击管理选项，并且设置项目为开源，让外链可访问
<img src="https://img2023.cnblogs.com/blog/1629700/202302/1629700-20230220172655334-345514295.png" alt="image-20230220161924792" loading="lazy">
然后点击头像处的设置，进入到设置页面
<img src="https://img2023.cnblogs.com/blog/1629700/202302/1629700-20230220172655206-830030955.png" alt="image-20230220162312382" loading="lazy">
然后填写令牌描述、设置权限
<img src="https://img2023.cnblogs.com/blog/1629700/202302/1629700-20230220172655432-13426005.png" alt="image-20230220162349151" loading="lazy">
提交之后需要输入密码，成功后会弹出私人令牌生成提示，私人令牌记得先找个地方存下，后续操作需要使用，忘记了要重新生成；
<img src="https://img2023.cnblogs.com/blog/1629700/202302/1629700-20230220172655238-259987140.png" alt="image-20230220162543265" loading="lazy">
b354e1b44e2d45b61c12a221ac55609b
<hr>
<h3 id="配置picgo">配置PicGo</h3>
打开PicGo，在图床设置选项下发现并没有Gitee，所以我们要先安装Gitee插件，我们打开插件设置页面并搜索Gitee，安装gitee-uploader即可。
<img src="https://img2023.cnblogs.com/blog/1629700/202302/1629700-20230220172655386-1449842506.png" alt="image-20230220163133878" loading="lazy">
如果安装失败的话试下先使用npm安装下PicGo插件，然后重启下PicGo。
<pre><code>cd D:\PicGO
npm install picgo-plugin-gitee-uploader
</code></pre>
安装完成后可以看到图床设置菜单下多出了gitee菜单，然后我们将之前创建的Gitee仓库的参数设置到这里。
<ul>
<li>repo：用户名/仓库名称</li>
<li>branch：分支，创建时默认的master</li>
<li>token：配置Gitee获得的私人令牌</li>
<li>path：上传的路径，填image即可，会体现到图片的路径中</li>
</ul>
<img src="https://img2023.cnblogs.com/blog/1629700/202302/1629700-20230220172655283-1625624872.png" alt="image-20230220164116877" loading="lazy">
配置好这些就可以上传了
<hr>
<h3 id="配置typora">配置Typora</h3>
最终的效果是我们需要在使用Typora时实现本地图片自动上传仓库并且获取到图片的地址，那么要做的就是将Typora关联上PicGo，在Typora上传时关联的是PicGo，而PicGo会将图片保存本地并且上传到Gitee或者其他存储对象。
点击Typora界面上的文件=>偏好设置=>图像
<img src="https://img2023.cnblogs.com/blog/1629700/202302/1629700-20230220172655256-1252623882.png" alt="image-20230220165815199" loading="lazy">
设置完了PicGo路径，验证下图片是否可成功上传
<img src="https://img2023.cnblogs.com/blog/1629700/202302/1629700-20230220172655181-379609943.png" alt="image-20230220170708621" loading="lazy">
<img src="https://img2023.cnblogs.com/blog/1629700/202302/1629700-20230220172655178-1166993869.png" alt="image-20230220170744528" loading="lazy">
可以看到Gitee仓库有两个图片了，都是刚刚的测试图片，在PicGo的相册菜单界面也可以看到这两张图片，在相册界面操作，图床仓库也会做相应操作。
<img src="https://img2023.cnblogs.com/blog/1629700/202302/1629700-20230220172655333-846784647.gif" alt="typoraoperate" loading="lazy">
到这就已经配置完成了，可以正常使用了。
<h2 id="结语">结语</h2>
 我们通过Typora编辑器使图片存在本地，然后可以通过设置Typora的上传服务（PicGoApp）去处理图片，而PicGo这边我们已经将它绑定了Gitee仓库，通过设置的令牌可以让PicGo上传文件到Gitee，从而实现在Typora编辑器自动上传图片到Gitee并且获取到远程地址。 
来源：https://www.cnblogs.com/zousc/p/17138277.html

頁: [1]

琼殿技术论坛's Archiver

Typora+PicGo+Gitee图床