昆大王 發表於 2021-1-27 08:16:00

免费稳定图床最佳实践:PicGo+GitHub+jsDeliver 极简教程

<h2 id="一下载-picgo">一、下载 PicGo</h2>
<p>PicGo 是啥?顾名思义,它是一个快速上传图片并获取 图片 URL 链接的工具。</p>
<p>目前支持七牛、腾讯云、阿里云和 GitHub 等图床。该工具代码已在 GitHub 开源,读者可以自行去下载。</p>
<p>考虑到网络问题,mac 用户后台回复 picgo_dmg 获取高速下载链接。</p>
<p>📎PicGo-2.2.2.dmg</p>
<p>下载完成后,应用列表会有这么一个图标,点击就启动了。</p>
<p><img src="https://cdn.jsdelivr.net/gh/huayonglun/cdn_image001/img/1610785381453-176f47e3-f259-4e30-ae59-d98072baaaef-20210116211040479.png"></p>
<p>PicGo 默认只出现在顶部菜单栏,点击软件图标会显示已上传的图片列表,点击图片会复制链接。</p>
<p><img src="https://cdn.jsdelivr.net/gh/huayonglun/cdn_image001/img/1610785560440-bee9dd34-45d0-4081-83ce-7150f0b2d2be-20210116211111752.png"></p>
<p>右击图标,打开详细窗口,我们可以对图床做下配置。</p>
<p><img src="https://cdn.jsdelivr.net/gh/huayonglun/cdn_image001/img/1610786569046-1e987e9a-98f2-4d8f-b4e7-dd1b3bc6d85b-20210116211140992.png"></p>
<h2 id="二图床配置">二、图床配置</h2>
<p>点击图床设置-GitHub 图床,可以看到需要配置以下信息。</p>
<p><img src="https://cdn.jsdelivr.net/gh/huayonglun/cdn_image001/img/1610786849004-9b255dad-7ad2-4535-bb7a-52a2106632a8-20210116211226093.png"></p>
<p>必选项:</p>
<ul>
<li>
<p>仓库名:用户名/图床仓库名</p>
</li>
<li>
<p>分支名:主干分支即可,<strong>GitHub 主干分支近期从 master 改为了 main</strong>,所以这里要添 main,否则上传图片时会异常。</p>
</li>
<li>
<p>Token:PicGo 访问你 GitHub 仓库的令牌,需要你在 GitHub 个人设置里生成,下文会提到。</p>
</li>
<li>
<p>存储路径:仓库下的具体路径。如果名称不存在,PicGo 会在图片上传时自动创建文件夹。</p>
</li>
<li>
<p>自定义域名:默认访问 GItHub 资源,但由于 GitHub 访问特别慢,影响图片加载速度。因此接入免费开源的 CDN 加速服务 <strong>jsdelivr。</strong></p>
</li>
<li>
<ul>
<li>配置格式:https://cdn.jsdelivr.net/gh/用户名/仓库名</li>
<li>举例:https://cdn.jsdelivr.net/gh/huayonglun/cdn_image001</li>
</ul>
</li>
</ul>
<h2 id="三github-接入">三、GitHub 接入</h2>
<h3 id="31-创建仓库">3.1 创建仓库</h3>
<p><img src="https://cdn.jsdelivr.net/gh/huayonglun/cdn_image001/img/1610797667093-64c89cf3-bbd1-411b-987d-e4ae6d13ffd6-20210116211308597.png"></p>
<h3 id="32-获取-token">3.2 获取 Token</h3>
<p>获取路径:S<strong>ettings</strong> --&gt; <strong>Developer settings</strong> --&gt; <strong>Personal access tokens</strong> --&gt; <strong>New personal access token</strong> --&gt; <strong>copy token</strong></p>
<p><img src="https://cdn.jsdelivr.net/gh/huayonglun/cdn_image001/img/1610797352744-d515fbd7-3a71-455d-ada3-91490fdf9555-20210116211341369.png"></p>
<p><img src="https://cdn.jsdelivr.net/gh/huayonglun/cdn_image001/img/1610797621225-6e3202a3-1c0d-4ba6-b0c4-bf4026b95f98-20210116211421765.png"></p>
<p>将生成的 token 填写到第二节里的配置里,图床即可投入使用。</p>
<h2 id="四图床使用">四、图床使用</h2>
<p>将图片拖入详细窗口或者顶部缩略图标里,即可完成图片上传,链接会复制到剪贴板,使用的时候直接粘贴就好。</p>
<p><img src="https://cdn.jsdelivr.net/gh/huayonglun/cdn_image001/img/1610797896196-31cf65db-d4f1-447a-a5f6-9bd1fea19c5e-20210116211450510.png"></p>
<p>这种组装的图床工具简单又好用吧,如果对你也有用的话,可以给我<strong>点个赞</strong>,<strong>点个在看</strong>,也可以分享给身边朋友,非常感谢读者朋友。</p>
<p>我是蜗牛,正在互联网上疯狂爬行,下期见。</p>
<hr>
<p>我是蜗牛,Java 后端开发,正在互联网上疯狂爬行,欢迎一起来爬。我们下期再见!微信搜“蜗牛互联网”回复“1024”领取我整理的 Java 程序员必备的学习资料。</p><br><br>
来源:https://www.cnblogs.com/huayonglun/p/14333211.html
頁: [1]
查看完整版本: 免费稳定图床最佳实践:PicGo+GitHub+jsDeliver 极简教程