gitee搭建图床

醒来都是梦 發表於 2022-5-6 13:08:00

<pre class="md-meta-block md-end-block">> 仅个人学习用，以下是记得笔记</pre>
<h2 class="md-end-block md-heading">Gitee 图床</h2>
<h4 class="md-end-block md-heading">1. 新建仓库</h4>
<img src="https://img2022.cnblogs.com/blog/2557036/202205/2557036-20220506130723828-1932252973.png" alt="image-20210113221426230">
<h4 class="md-end-block md-heading">2. 获取私人令牌</h4>
同样的，<code>私人令牌</code>和 GitHub 上的 token 一样，主要用于让 PicGo 有权限往我们的仓库 push 代码(图片)。
点击自己的头像，选择<code>设置</code>。
<img src="https://img2022.cnblogs.com/blog/2557036/202205/2557036-20220506130724126-1333898761.png" alt="image-20210113222056606">
点击<code>私人令牌</code>，选择生成新令牌。
<img src="https://img2022.cnblogs.com/blog/2557036/202205/2557036-20220506130724153-1392975507.png" alt="image-20210113222420963">
同样的，我们只勾选更新代码的权限。填写<code>私人令牌描述</code>，点击提交。因为是敏感操作，此时需要确认密码。
<img src="https://img2022.cnblogs.com/blog/2557036/202205/2557036-20220506130724436-894720124.png" alt="image-20210113222755852">
复制字符串下一步使用。注意，为了安全起见此字符串只会出现一次，点击其他页面后就无法再查看了，需要重新创建，所以最好先保存到本地编辑器中。
<img src="https://img2022.cnblogs.com/blog/2557036/202205/2557036-20220506130723829-440859175.png" alt="image-20210113223101983">
<h4 class="md-end-block md-heading">3. PicGo 配置</h4>
PicGo 本体没有支持 Gitee ，所以需要下载一个插件，有人己经写好了。
打开 PicGo ，点击 <code>插件设置</code>，搜索框输入<code>gitee</code>，目前有两个插件应该都能用，任选一个安装，这里我选择的后面那个。
<img src="https://img2022.cnblogs.com/blog/2557036/202205/2557036-20220506130723252-654691236.png" alt="image-20210113225243341">
安装好插件后，这时再选择<code>图床设置</code>，选择<code>gitee</code>，填写参数：
<ul class="ul-list" data-mark="-">
<li class="md-list-item">
<code>repo</code>，填写格式为<code>用户名/仓库名</code>
</li>
<li class="md-list-item">
<code>branch</code>，填写默认分支<code>master</code>
</li>
<li class="md-list-item">
<code>token</code>，填写上一步获取的私人令牌的值
</li>
<li class="md-list-item">
<code>path</code>，选填，可以自定义名称，不填图片会上传在仓库根目录。
</li>
<li class="md-list-item">
<code>customPath</code>，这个会在上一个参数的基础上再创建一层子文件夹用于按年、年月或年季来分类保存。
</li>
<li class="md-list-item">
<code>customUrl</code>，用于修改返回的 url 前缀，不填则返回原始 url。后面解决<code>文件大于1M，登录后可见</code>的问题需要更改此项。
</li>
</ul>
在 PicGo 里，GitHub 的设置都是中文的， Gitee 插件的设置反而都是英文的，有点意思hh。
选择设为默认图床，点击确定保存配置。
<img src="https://img2022.cnblogs.com/blog/2557036/202205/2557036-20220506130723825-1543095699.png" alt="image-20210113224703801">
配置完成后，点击<code>上传区</code>，随便选择电脑上一张图片拖动到上传区，上传成功后会弹窗提示，将该 url 复制到浏览器打开就可以看到图片。可以在<code>PicGo设置</code>，打开<code>上传后自动复制URL</code>，这样上传成功后图片 url 会自动复制在剪贴板，可以直接粘贴到记事本。
<img src="https://img2022.cnblogs.com/blog/2557036/202205/2557036-20220506130723615-760423134.png" alt="image-20210112235111559">
<img src="https://img2022.cnblogs.com/blog/2557036/202205/2557036-20220506130724065-1194207931.png" alt="image-20210113224024050">
<h4 class="md-end-block md-heading">4. Typora 配置</h4>
打开<code>文件</code>，<code>偏好设置</code>，<code>图像</code>，选择插入图片时<code>上传图片</code>，勾选图中三个选项，上传服务设定选择<code>PicGo (app)</code>，PicGo 路径通过后面的文件夹选择自己电脑上 PicGo 的安装路径。
<img src="https://img2022.cnblogs.com/blog/2557036/202205/2557036-20220506130724059-1019831631.png" alt="image-20210112233235226">
此时，使用 Typora 编辑文件，拖入或者粘贴图片时，会自动调用 PicGo 将图片上传到我们的 Gitee 图床，并把返回的图片链接粘贴到文章中，快去试试吧。
<h4 class="md-end-block md-heading">5. 解决”文件大于1M，登录后可见”问题</h4>
从上一步可以看到 Gitee 存储的图片地址是 <code>https://gitee.com/yushuaigee/myblog/raw</code> 开头的网址，这个域名是国内站点，速度很快，无需配置CDN加速，图床配置好之后，图片上传成功，在浏览器也能打开，看似没毛病，其实暗藏玄机。
如果你上传的图片大于 1M ，不管是在下一步的 Typora 中还是在浏览器网页中，是无法加载出图片的，比如这张图片<code>https://gitee.com/yushuaigee/myblog/raw/master/img/myblog.gif</code>，输入到浏览器会显示<code>文件大于1M，登录后可见</code>。如果能打开是因为你前面已经登录了 Gitee 了，浏览器新建一个无痕窗口就打不开了。
<img src="https://img2022.cnblogs.com/blog/2557036/202205/2557036-20220506130723865-1927862385.png" alt="image-20210113230821769">
可是别人在浏览我们博客时不可能要先登录个 Gitee 吧，所以要想办法解决一下。前面我们将博客仓库打开 Gitee Pages 功能，其他人可以访问我们博客仓库里的博客了，图床仓库也一样，打开它的 Gitee Pages 功能，无需登陆就可以访问里面的图片了。
进入图床仓库主页，点击<code>服务</code>，<code>Gitee Pages</code>。
<img src="https://img2022.cnblogs.com/blog/2557036/202205/2557036-20220506130723913-1403135241.png" alt="image-20210113231334002">
点击<code>启动</code>部署。
<img src="https://img2022.cnblogs.com/blog/2557036/202205/2557036-20220506130724128-283941057.png" alt="image-20210113232431704">
这样我们就可以通过Gitee Pages 地址来访问图床仓库里的图片了，地址前缀需要改一下。
对应的，PicGo 中就需要改一下自定义域名，之后上传图片自动生成的链接就是 Gitee Pages 上的地址了。具体就是在<code>customUrl</code>填写<code>https://用户名.gitee.io/仓库名</code>。
<img src="https://img2022.cnblogs.com/blog/2557036/202205/2557036-20220506130723914-987237930.png" alt="image-20210113233142363">
这种方法也存在一个问题，就是因为 Gitee Pages 不支持自动更新 (pro版支持，需要收费)，每次上传完图片后，需要打开浏览器手动点一下更新。你可以写完文章，把图片一把上传，再点一次更新，但是终究还是有点麻烦。
<img src="https://img2022.cnblogs.com/blog/2557036/202205/2557036-20220506130724074-1097377760.png" alt="image-20210113231428575">
<h4 class="md-end-block md-heading md-focus">网上还有一堆脚本说能更新gitee page</h4>
Gitee Pages Action · Actions · GitHub Marketplace
但是，不好用折腾来去没成功
最后送给折腾了一下午的自己：sm.ms 不香吗？
😓5G不够换小号再来5G
<h2 class="md-end-block md-heading">github图床</h2>
我直接不写了，没啥意义，cdn麻烦死了
<h2 class="md-end-block md-heading">还有各式各样的图床</h2>
我试过的没试过得，一句话用sm.ms 算了
<img src="https://img2022.cnblogs.com/blog/2557036/202205/2557036-20220506130723391-1241781475.png" alt="image-20211130202822683">
<div> </div>
<div class="md-hr md-end-block"> </div>

</div>
<div id="MySignature" role="contentinfo">
无事生非 
来源：https://www.cnblogs.com/Hutters/p/16228301.html

頁: [1]

琼殿技术论坛's Archiver

gitee搭建图床