VSCode+PicGo+Gitee实现高效markdown图床
<p></p><div class="toc"><div class="toc-container-header">目录</div><ul><li>为什么要选择VSCode+PicGo+Gitee</li><li>安装步骤<ul><li>1.安装VSCode</li><li>2.安装PicGo</li><li>3.建立图床库</li><li>4.配置PicGo</li></ul></li><li>使用</li></ul></div><p></p><h1 id="为什么要选择vscodepicgogitee">为什么要选择VSCode+PicGo+Gitee</h1>
<p>主要是平时写文章的平台，要么是收会员费用，要么是本站图片链接只能在本站网站访问，换一个平台，图片就裂了，图片问题困扰我很久，也是经过很多试用，最终选定这个工具组合，之前图片仓库使用的是Github，但是在国内，Github的访问速度简直感人！所以后来就把Github替换成了Gitee，Gitee在国内，访问速度快多了,之前的写文章使用的是Typora，但是现在收费了，就改用VSCode。</p>
<h1 id="安装步骤">安装步骤</h1>
<h2 id="1安装vscode">1.安装VSCode</h2>
<ul>
<li>去vscode官网下载安装包安装即可</li>
<li>markdown插件推荐：Markdown Preview Enhanced, office Viewer(MarkDown Editor)</li>
</ul>
<p>Markdown Preview Enhanced 功能简洁，仅提供预览功能</p>
<p>!<img src="https://gitee.com/yatok/picture-bed/raw/master/1641526042487.png" alt="" loading="lazy"></p>
<p>office Viewer(MarkDown Editor)提供了很多功能，类似于Typora，我比较喜欢用这个。</p>
<p><img src="https://gitee.com/yatok/picture-bed/raw/master/20220107140158.png" alt="" loading="lazy"></p>
<h2 id="2安装picgo">2.安装PicGo</h2>
<p>PicGo下载地址，下载安装即可</p>
<p>安装之后打开主界面</p>
<p><img src="https://gitee.com/yatok/picture-bed/raw/master/20220107113236.png" alt="" loading="lazy"></p>
<p>选择最下面的插件设置，搜索gitee，点击最下方的gitee-uploader开始安装：</p>
<p><img src="https://gitee.com/yatok/picture-bed/raw/master/1641526385885.png" alt="" loading="lazy"></p>
<blockquote>
<p>这里注意一下，必须要先安装node.js才能安装插件，没装的自己装一下，然后重启就行，主要是因为PicGO这个软件是基于node.js，用electron做的客户端。</p>
</blockquote>
<h2 id="3建立图床库">3.建立图床库</h2>
<p>码云登录自己的账号，点击右上角的+号，新建仓库</p>
<p><img src="https://gitee.com/yatok/picture-bed/raw/master/1641526510287.png" alt="" loading="lazy"></p>
<p>新建仓库的要点如下：</p>
<ul>
<li>输入一个仓库名称</li>
<li>将仓库设置为公开</li>
<li>勾选使用Readme文件初始化这个仓库</li>
</ul>
<p><img src="https://gitee.com/yatok/picture-bed/raw/master/1641526681757.png" alt="" loading="lazy"></p>
<p>点击下一步完成创建。</p>
<h2 id="4配置picgo">4.配置PicGo</h2>
<p>配置插件的要点如下：</p>
<p><img src="https://gitee.com/yatok/picture-bed/raw/master/20220107114533.png" alt="" loading="lazy"></p>
<ul>
<li>repo：用户名/仓库名称，比如我自己的仓库yatok/picture-bed，找不到的可以直接复制仓库的url,复制浏览器的仓库地址，而不是页面左上角显示的，容易出现大小写问题</li>
</ul>
<p><img src="https://gitee.com/yatok/picture-bed/raw/master/20220107114643.png" alt="" loading="lazy"></p>
<ul>
<li>branch：分支，这里写上master</li>
<li>token：填入码云的私人令牌</li>
<li>path：路径，一般写上img,我默认没填</li>
<li>customPath：提交消息，这一项和下一项customURL都不用填。在提交到码云后，会显示提交消息，插件默认提交的是 <code>Upload 图片名 by picGo - 时间</code></li>
</ul>
<p><strong>这个token怎么获取，登进自己的码云</strong></p>
<ol>
<li>点击头像，进入设置</li>
</ol>
<p><img src="https://gitee.com/yatok/picture-bed/raw/master/20220107115511.png" alt="" loading="lazy"></p>
<ol start="2">
<li>找到左下角的私人令牌<img src="https://gitee.com/yatok/picture-bed/raw/master/20220107115559.png" alt="" loading="lazy"></li>
<li>点击生成新令牌，把projects这一项勾选上，其他的不用勾选，然后提交</li>
</ol>
<p><img src="https://gitee.com/yatok/picture-bed/raw/master/20220107115725.png" alt="" loading="lazy"></p>
<ol start="4">
<li>这里需要验证一下密码，验证密码之后会出来一串数字，这一串数字就是你的token，将这串数字复制到刚才的配置里面去。</li>
</ol>
<blockquote>
<p>注意：这个令牌只会明文显示一次，建议在配置插件的时候再来生成令牌，直接复制进去，搞丢了又要重新生成一个。</p>
</blockquote>
<ol start="5">
<li>将token填入配置保存即可。</li>
</ol>
<h1 id="使用">使用</h1>
<p>截图然后按<code>Ctrl+shift+P</code>上传文件，上传之后剪贴板就有刚上传图片的markdown链接，直接复制到文章对应位置即可。另外，本文的所有图片都是使用这套工具上传的图片。</p><br><br>
来源：https://www.cnblogs.com/qiqiloved/p/15774557.html
頁:
[1]