使用Gitee搭建个人图床
使用Gitee搭建个人图床
一、前言
搭建个人的图床可以更加方便地管理个人图片,虽然Github也可以实现个人图床的搭建,但是,Github毕竟是外网,访问速度慢且不稳定。因此采用Gitee来搭建图床是个好选择。
二、创建仓库
第一步,在Gitee上创建一个仓库,用于存放图片:


三、建立联系
创建一个本地文件夹与刚才创建的远程仓库建立联系,可以采用以下两种方式:
- 第一种:将新创建的远程仓库克隆到本地文件夹中:
git clone https://gitee.com/ahuntsun/BlogImageBed.git
- 第二种:手动关联本地文件夹与远程仓库:
//添加远程仓库地址
git remote add originhttps://gitee.com/ahuntsun/BlogImageBed.git
建立联系之后,我们就可以自由地更新这个远程仓库了;
四、开启Gitee Pages服务
在仓库中打开服务选项,选择Gitee Pages:

在Gitee Pages服务页面可以选择部署服务的分支和目录等,然后点击启动选项,就能开启Gitee Pages服务了:

稍等片刻,图床的部署就完成了:

从上图可以看到,Gitee Pages生成的图床地址为:
http://ahuntsun.gitee.io/blogimagebed
通过在该地址后面拼接远程仓库内的图片目录,就能将图片显示出来。比如位于远程仓库如下目录中的demo.png图片:

只要将目录信息拼接在图床地址后面,就形成了demo.png图片的URL了:
http://ahuntsun.gitee.io/blogimagebed/img/图床/demo.webp

由此完成了图床的搭建。
五、图床美化
我们可以通过下载一些网站模板来美化我们的图床,比如可以在模板之家下载:

模板下载完成后,解压,并删除不必要的东西,然后添加到远程仓库对应的本地文件夹中:

这里的index.html表示网站的主页,可以进行相应的修改。随后直接将这些文件推送到远程仓库:
git add .
git commit -m '提交注释'
git push -u origin master

随后,再次打开Gitee Pages服务,更新部署,即可应用上传的网站模板:

更新后,打开图床链接:
http://ahuntsun.gitee.io/blogimagebed
就可以看到美化效果了:

六、注意事项
每次部署之后,都相当于永远定格在了部署那一刻的仓库状态;如果仓库发生变化,比如添加文件,或删除文件,部署出来的内容都不会改变。相当于部署的时候,服务器将当前状态的仓库复制了一份,只要不更新部署,部署的内容就不会改变。所以每次更新仓库内容后,要同步更新部署:

如果更新出错了,没有更新内容。可以先暂停Gitee Pages服务,再开启,这样部署的内容就会发生更新;
过程分析
由于Gitee Pages部署时会将当前仓库复制一份,所以部署之后,即使删除了仓库的某些文件,只要不更新或者重启Gitee Pages服务,Gitee Pages还是可以使用这些部署后被删除的文件,因为Gitee Pages使用的是部署时复制出来的仓库,两个仓库彼此是独立的;
但是,当我们更新或重启Gitee Pages服务时,两个仓库就会再次同步。
这样说可能有点抽象,举个例子:部署的时候,仓库中有一张demo.png图片。部署后,即使这张图被删除了,也能通过图床链接:http://ahuntsun.gitee.io/blogimagebed/demo.png 访问该图片,示意图如下:

同样地,部署后在仓库中新增图片demo2.png,只要不重新部署,就不能通过图床链接:http://ahuntsun.gitee.io/blogimagebed/demo2.png 访问该图片:

最后附上图床地址,仅供参考:http://ahuntsun.gitee.io/blogimagebed/
使用Gitee搭建个人图床的更多相关文章
- picGo+gitee搭建Obsidian图床,实现高效写作
1 picGo安装 [picgo下载链接](https://molunerfinn.com/PicGo/) 选择安装目录,可以选择安装在D:\Program Files 然后点击安装即可 2. git ...
- 威联通(NAS)搭建个人图床
名词解释: 图床:一般是指储存图片的服务器,有国内和国外之分.国外的图床由于有空间距离等因素决定访问速度很慢影响图片显示速度.国内也分为单线空间.多线空间和cdn加速三种. 更详细的内容,请左转查看百 ...
- Chevereto免费图床搭建教程 | vps搭建免费图床教程
Chevereto免费图床搭建教程 | vps搭建免费图床教程 本文首发于:https://chens.life/How-to-build-a-free-image-bed.html 前言 自从有了个 ...
- 一劳永逸,使用 PicGo + GitHub 搭建个人图床工具
原文链接: 一劳永逸,使用 PicGo + GitHub 搭建个人图床工具 经常写博客的同学都知道,有一个稳定又好用的图床是多么重要.我之前用过七牛云 + Mpic 和微博图床,但总感觉配置起来比较麻 ...
- 搭建markdown图床-腾讯云COS
背景介绍 书写markdown笔记时,如何处理图片,实在是有些棘手的问题.每一张图都保存在当前文件夹? 每张图都自己重命名?每次上传到cnblogs博客都需要一张一张拖动?markdown已经非常成功 ...
- 使用jsdelivr + GitHub + PicGo搭建免费图床
前言 之前一直有开通有道云笔记会员,主要是为了会员markdown图片可以在线保存的功能,前一阵子会员到期,考虑这个功能可不可以自己单独实现,从而替代使用有道云会员. 通过网上搜索的方式,查询到了几种 ...
- 教你如何使用github+jsDelivr搭建免费图床
前言 之前写了一篇文章,教你如何使用Typora+PicGo实现图片自动上传到图床 . 这里我用的是七牛图床,七牛图床有一定的免费使用量(没记错的话应该是10个G),如果你的存储量超过这个大小就需要付 ...
- PicGo+jsDelivr+GitHub搭建免费图床,Typora使用图床
Github配置 首先,创建一个GitHub账号 然后添加一个仓库 创建完后点头像,Setting 然后点击Developer settings 然后点击Personal access tokens ...
- 【教程】使用gitee搭建免费的图床
前几天七牛云的免费图床测试域名回收,导致我上传的图片都不能访问!要配置自定义域名,域名还要绑定主机.没有云主机的我开始想你们搞一个免费的图床,并且数据也不会丢失呢 ? 想到之前自己在GitHub上 ...
随机推荐
- 0312 java接口测试三棱军刺rest-assured
背景 java程序员一般写的是后端服务是JavaWeb类型的项目,主要包括Http接口和dubbo接口,Http接口一般采用的rest风格,那么如何快速的对rest接口在第三方的测试框架上进行测试呢? ...
- JS反爬绕过思路之--谷歌学术镜像网链接抓取
首先,从问题出发: http://ac.scmor.com/ 在谷歌学术镜像网收集着多个谷歌镜像的链接.我们目标就是要把这些链接拿到手. F12查看源码可以发现,对应的a标签并不是我们想要的链接,而是 ...
- css3 scale 缩放出现 1px 问题
问题描述 先来一段html代码 <div class="container"> <div class="parent"> <div ...
- C++ 删除字符串中的数字并重新按顺序排列
#include <stdio.h> #include <string.h> char* Find_str(char* p) { ; i < strlen(p); i++ ...
- mysql那些事之索引篇
mysql那些事之索引篇 上一篇博客已经简单从广的方面介绍了一下mysql整体架构以及物理结构的内容. 本篇博客的内容是mysql的索引,索引无论是在面试还是我们日常工作中都是非常的重要一环. 索引是 ...
- JVM 参数(转)
Herry灬凌夜 转自:https://www.cnblogs.com/wuyx/p/9627542.html 常用的JVM配置参数 一.Trace 跟踪参数 在Eclipse中,如何打开GC的监控 ...
- STM32 初学不知道外设对应的APB1还是APB2
STM32参考手册搜索“系统架构”或者“系统结构”,即可查看外设挂在哪个时钟下,也就知道开启哪个时钟了.
- SpringMVC框架——转发与重定向
网上摘取一段大神总结的转发与重定向的区别,如下: 转发(服务端行为) 形式:request.getRequestDispatcher().forward(request,response) 转发在服务 ...
- C# 在DataGridView中,点击单元格调出 TreeView控件 或 ListBox控件
1.调出 TreeView控件 或 ListBox控件 private void deductGrid1_CellClick(object sender, DataGridViewCellEvent ...
- ORM单表查询,跨表查询,分组查询
ORM单表查询,跨表查询,分组查询 单表查询之下划线 models.Tb1.objects.filter(id__lt=10, id__gt=1) # 获取id大于1 且 小于10的值models ...