使用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上 ...
随机推荐
- Spark RDD Tutorial
Spark RDD教程 这个教程将会帮助你理解和使用Apache Spark RDD.所有的在这个教程中使用的RDD例子将会提供在github上,供大家快速的浏览. 什么是RDD(Rssilient ...
- chrome安装扩展插件出现-crx_header_invalid问题
1. 将*.crx文件重命名为*.rar 2.将rar文件解压 3. 在chrome浏览器添加扩展程序时选择“加载已解压的扩展程序” 4.添加成功
- js函数的三种成创建方式以及它们各自的不同
js有三种创建函数的方式: 1.function语句(也叫函数声明) function sum(a, b) { return a + b; } sum(1, 2); // 3 2. 函数直接量,又叫函 ...
- java-方法。(新手)
import java.util.ArrayList; //导入包.import java.util.Iterator;import java.util.LinkedList;import java. ...
- setTimeout和setImmediate到底谁先执行,本文让你彻底理解Event Loop
笔者以前面试的时候经常遇到写一堆setTimeout,setImmediate来问哪个先执行.本文主要就是来讲这个问题的,但是不是简单的讲讲哪个先,哪个后.笼统的知道setImmediate比setT ...
- github的上面的安全工具
简介 Scanners Box也被称为 scanbox,是一个强大完备的黑客工具箱,它收集了Github上数10种类别的开源扫描器,包括子域名,数据库,中间件和其他模块化设计的扫描器等,但对于一些被大 ...
- vue-element框架通过blob进行后端token权限验证下载
在项目中,后端要求下载时要进行后端的权限验证,发现a链接进行直接下载无法满足这个需求,只能通过blob对象来进行下载操作,翻阅大量资料最后实现该功能.以下是我个人的理解,如有不足,请各位大佬多指教 / ...
- Django路由层与视图层、pycharm虚拟环境
一. Django路由层 路由层即对应项目文件下的urls.py文件.实际上每个APP中也可以有自己的urls.py路由层.templates文件夹及static文件夹.Django支持这么做,也为实 ...
- hdu1181 dfs 字符串首尾可拼接,问是否可寻找到一条字串路径使得首尾分别是‘b’和‘m’,简单的搜索+回溯
#include<bits/stdc++.h> using namespace std; typedef unsigned int ui; typedef long long ll; ty ...
- 试译 Understanding Delta-Sigma Modulators
接触Σ-Δ调制的时候发现国内有关的资料比较匮乏,因为缺乏了解还有一些人把其中的原理吹得神乎其神难以理解.其实Σ-Δ调制的原理是很简单.逻辑上很自然的,可以定性理解成传统ADC/DAC量化的是 ...