用PicGo+Gitee（码云）搭建Markdown图床
<h4 id="本文内容皆为作者原创如需转载请注明出处httpswwwcnblogscomxuexianqip13262573html">本文内容皆为作者原创，如需转载，请注明出处：https://www.cnblogs.com/xuexianqi/p/13262573.html</h4><h1 id="一引言">一：引言</h1>
<h3 id="众所周知在写博客的时候虽然可以把图片存到博客的服务器上但是一张一张上传太麻烦了有没有这样一种东西能直接把复制的图片存下来放到博客上呢">众所周知，在写博客的时候，虽然可以把图片存到博客的服务器上，但是一张一张上传太麻烦了，有没有这样一种东西，能直接把复制的图片存下来，放到博客上呢？</h3>
<h2 id="有这就是图床">有，这就是图床！</h2>
<h3 id="图床一般是指储存图片的服务器有国内和国外之分国外的图床由于有空间距离等因素决定访问速度很慢影响图片显示速度国内也分为单线空间多线空间和cdn加速三种">图床一般是指储存图片的服务器，有国内和国外之分。国外的图床由于有空间距离等因素决定访问速度很慢影响图片显示速度。国内也分为单线空间、多线空间和cdn加速三种。</h3>
<h3 id="简单来说图床就是自动把本地图片转换成链接的一款工具网络上有很多图床工具就目前使用种类而言picgo-算得上一款比较优秀的图床工具它是一款用-electron-vue-开发的软件可以支持微博七牛云腾讯云cos又拍云github阿里云osssmmsimgur-等8种常用图床功能强大简单易用同时它也支持gitee码云">简单来说，图床就是自动把本地图片转换成链接的一款工具，网络上有很多图床工具，就目前使用种类而言，PicGo 算得上一款比较优秀的图床工具。它是一款用 <code>Electron-vue</code> 开发的软件，可以支持微博，七牛云，腾讯云COS，又拍云，GitHub，阿里云OSS，SM.MS，imgur 等8种常用图床，功能强大，简单易用，同时，它也支持Gitee（码云）。</h3>
<h1 id="二使用到的软件和网站">二：使用到的软件和网站</h1>
<h2 id="1typoramarkdown文本编辑软件">1.Typora（Markdown文本编辑软件）</h2>
<h3 id="typora-是一款支持实时预览的-markdown-文本编辑器并且完全免费">Typora 是一款<strong>支持实时预览的 Markdown 文本编辑器</strong>，并且完全免费。</h3>
<h3 id="下载地址httpswwwtyporaio">下载地址：https://www.typora.io/</h3>
<h3 id="使用教程httpswwwcnblogscomxuexianqip13260516html">使用教程：https://www.cnblogs.com/xuexianqi/p/13260516.html</h3>
<h3 id="进入下载地址后根据系统来选择安装包下载完成后直接无脑下一步即可路径默认">进入下载地址后，根据系统来选择安装包，下载完成后，直接无脑下一步即可，路径默认</h3>
<p><img src="https://gitee.com/xuexianqi/img/raw/master/img/20200708121154.png" alt="01" loading="lazy"></p>
<h2 id="2picgo图床软件">2.PicGo（图床软件）</h2>
<h3 id="一个图床一个用于快速上传图片并获取图片url链接的工具也完全免费">一个图床，<strong>一个用于快速上传图片并获取图片URL链接的工具，也完全免费。</strong></h3>
<h3 id="官方指南httpspicgogithubiopicgo-doczhguide">官方指南：https://picgo.github.io/PicGo-Doc/zh/guide/</h3>
<h3 id="下载地址httpsgithubcommolunerfinnpicgoreleases">下载地址：https://github.com/Molunerfinn/PicGo/releases</h3>
<h3 id="github网站进不去的点这里httpswwwcnblogscomxuexianqip13219719html">GitHub网站进不去的点这里：https://www.cnblogs.com/xuexianqi/p/13219719.html</h3>
<h3 id="进入下载地址后选择最新版本windows系统点击exe文件进行下载安装直接无脑下一步路径默认即可macos系统点击dmg文件linux系统点击targz下载">进入下载地址后，选择最新版本，Windows系统点击.exe文件进行下载，安装直接无脑下一步，路径默认即可（MacOS系统点击.dmg文件，Linux系统点击tar.gz下载）</h3>
<p><img src="https://gitee.com/xuexianqi/img/raw/master/img/20200708121205.png" alt="02" loading="lazy"></p>
<h2 id="3gitee码云">3.Gitee（码云）</h2>
<h3 id="码云一款基于-git-的代码托管和研发协作平台官方又称为国内的github">码云，一款基于 Git 的代码托管和研发协作平台官方，又称为国内的github。</h3>
<h3 id="官方网站httpsgiteecom">官方网站：https://gitee.com/</h3>
<h3 id="注册网址httpsgiteecomsignup">注册网址：https://gitee.com/signup</h3>
<h1 id="三搭建教程">三：搭建教程</h1>
<h2 id="1创建好gitee账号后点击右上角加号-点击新建仓库">1.创建好Gitee账号后，点击右上角加号 “+”，点击：新建仓库</h2>
<p><img src="https://images.cnblogs.com/cnblogs_com/xuexianqi/1801354/o_20070710295901.png" alt="01" loading="lazy"></p>
<h2 id="2仓库名称自定义---路径自定义---公开---使用readme文件初始化这个仓库---创建">2.仓库名称（自定义） - 路径（自定义） - 公开 - 使用Readme文件初始化这个仓库 - 创建</h2>
<p><img src="https://images.cnblogs.com/cnblogs_com/xuexianqi/1801354/o_20070710300302.png" alt="02" loading="lazy"></p>
<h2 id="3点击右上角用户头像右边的下拉框点击设置">3.点击右上角用户头像右边的下拉框，点击：设置</h2>
<p><img src="https://images.cnblogs.com/cnblogs_com/xuexianqi/1801354/o_20070710302103.png" alt="03" loading="lazy"></p>
<h2 id="4点击左侧-私人令牌">4.点击左侧 ：私人令牌</h2>
<p><img src="https://images.cnblogs.com/cnblogs_com/xuexianqi/1801354/o_20070710302504.png" alt="04" loading="lazy"></p>
<h2 id="5点击生成新令牌">5.点击：生成新令牌</h2>
<p><img src="https://images.cnblogs.com/cnblogs_com/xuexianqi/1801354/o_20070710302805.png" alt="05" loading="lazy"></p>
<h2 id="6私人令牌描述自定义---选择-peojects---提交">6.私人令牌描述（自定义） - 选择 “peojects” - 提交</h2>
<p><img src="https://images.cnblogs.com/cnblogs_com/xuexianqi/1801354/o_20070710303206.png" alt="06" loading="lazy"></p>
<h2 id="7note-自定义一个名称repo-打上-">7.Note 自定义一个名称，repo 打上 √</h2>
<h2 id="8输入登录码云的密码点击验证">8.输入登录码云的密码，点击：验证</h2>
<p><img src="https://images.cnblogs.com/cnblogs_com/xuexianqi/1801354/o_20070710303507.png" alt="07" loading="lazy"></p>
<h2 id="9现在生成的是一串token只会在现在显示一次所以要妥善保管好点击复制---打勾我已经了解---确认并关闭">9.现在生成的是一串Token，只会在现在显示一次，所以要妥善保管好，点击：复制 - 打勾“我已经了解...” - 确认并关闭</h2>
<p><img src="https://images.cnblogs.com/cnblogs_com/xuexianqi/1801354/o_20070710303808.png" alt="08" loading="lazy"></p>
<h2 id="10打开picgo点击左侧---插件设置---搜索框输入gitee---点击右边的gitee-uploader安装">10.打开PicGo，点击左侧 - 插件设置 - 搜索框输入：gitee - 点击右边的gitee-uploader：安装</h2>
<p><img src="https://images.cnblogs.com/cnblogs_com/xuexianqi/1801354/o_20070710304309.png" alt="09" loading="lazy"></p>
<h2 id="11点击左侧图床设置---gitee进行如下设置">11.点击左侧：图床设置 - gitee，进行如下设置</h2>
<pre><code>repo：填写用户名/仓库名
branch：填写：master
token：填写刚才生成的那一串token
path：填写：img
customPath：默认即可，不用填写
customUrl：默认即可，不用填写
</code></pre>
<p><img src="https://images.cnblogs.com/cnblogs_com/xuexianqi/1801354/o_20070710431211.png" alt="11" loading="lazy"></p>
<h1 id="四图片上传至图库的方法1推荐">四：图片上传至图库的方法1（推荐）</h1>
<h2 id="1打开typora点击左上角文件---偏好设置">1.打开Typora，点击左上角：文件 - 偏好设置</h2>
<p><img src="https://gitee.com/xuexianqi/img/raw/master/img/20200708121233.png" alt="17" loading="lazy"></p>
<h2 id="2点击图像---插入图片时下拉选择上传图片---对网络位置的图片应用上述规则可选可不选选中就是图片也会复制到本地---允许根据yaml设置自动上传图片---上传服务下拉后选择-picgoapp---选择picgo路径">2.点击：图像 - 插入图片时（下拉选择：上传图片） - 对网络位置的图片应用上述规则（可选可不选，选中就是图片也会复制到本地） - 允许根据YAML设置自动上传图片 - 上传服务：下拉后选择 PicGo（app） - 选择PicGo路径</h2>
<p><img src="https://gitee.com/xuexianqi/img/raw/master/img/20200708121238.png" alt="23" loading="lazy"></p>
<h2 id="3找到picgo的安装路径默认是cprogram-filespicgo点击打开">3.找到PicGo的安装路径，默认是<code>C:\Program Files\PicGo</code>点击：打开</h2>
<p><img src="https://gitee.com/xuexianqi/img/raw/master/img/20200708121244.png" alt="19" loading="lazy"></p>
<h2 id="4点击验证图片上传选项显示绿色字-成功上传图片并获得新的url点击ok">4.点击：验证图片上传选项，显示绿色字 “成功上传图片并获得新的URL”，点击：OK</h2>
<p><img src="https://gitee.com/xuexianqi/img/raw/master/img/image-20200812152045826.png" alt="" loading="lazy"></p>
<h2 id="5此时截完图之后直接按粘贴快捷键ctrlv即可将图片上传到图库">5.此时，截完图之后，直接按粘贴快捷键（Ctrl+V）即可将图片上传到图库</h2>
<p><img src="https://gitee.com/xuexianqi/img/raw/master/img/20200707185030.png" alt="image-20200707185024247" loading="lazy"></p>
<h2 id="6也成功显示出来了">6.也成功显示出来了</h2>
<p><img src="https://gitee.com/xuexianqi/img/raw/master/img/20200707185045.png" alt="image-20200707185043379" loading="lazy"></p>
<h1 id="五图片上传至图库的方法2">五：图片上传至图库的方法2</h1>
<h2 id="1设置快捷键">1.设置快捷键</h2>
<p><img src="https://gitee.com/xuexianqi/img/raw/master/img/20200708121251.png" alt="12" loading="lazy"></p>
<h2 id="2点击编辑">2.点击：编辑</h2>
<p><img src="https://gitee.com/xuexianqi/img/raw/master/img/20200708121253.png" alt="13" loading="lazy"></p>
<h2 id="3同时按住ctrlshiftv-组合键当然也可以自定义点击确定">3.同时按住Ctrl、Shift、V 组合键（当然，也可以自定义），点击：确定</h2>
<p><img src="https://gitee.com/xuexianqi/img/raw/master/img/20200708121256.png" alt="14" loading="lazy"></p>
<h2 id="4我们截完图之后直接按下快捷键ctrlshiftv就把截图上传到图库了并且自动复制了图片的外链然后我们直接按下快捷键ctrv就可以粘贴了">4.我们截完图之后，直接按下快捷键（Ctrl+Shift+V）就把截图上传到图库了，并且自动复制了图片的外链，然后我们直接按下快捷键（Ctr+V）就可以粘贴了</h2>
<p><img src="https://gitee.com/xuexianqi/img/raw/master/img/20200707185135.png" alt="image-20200707185133672" loading="lazy"></p>
<h2 id="5单击图片即可看到图片的外链">5.单击图片即可看到图片的外链</h2>
<p><img src="https://gitee.com/xuexianqi/img/raw/master/img/20200707185144.png" alt="image-20200707185143584" loading="lazy"></p>
<h1 id="end到此为止图床的搭建和使用教程就完毕了">End：到此为止，图床的搭建和使用教程就完毕了！</h1>
<h3 id="知道了这个以后我仿佛发现了一个新大陆">知道了这个以后，我仿佛发现了一个新大陆！</h3>
<h3 id="希望这个教程对你们也有帮助">希望这个教程对你们也有帮助！</h3>
<p><img src="https://gitee.com/xuexianqi/img/raw/master/img/20200708121308.gif" alt="17" loading="lazy"><img src="https://gitee.com/xuexianqi/img/raw/master/img/20200708121307.gif" alt="17" loading="lazy"><img src="https://gitee.com/xuexianqi/img/raw/master/img/20200708121302.gif" alt="17" loading="lazy"></p><br><br>
来源：https://www.cnblogs.com/xuexianqi/p/13262573.html
頁:
[1]