【教程】使用gitee搭建免费的图床

【教程】使用gitee搭建免费的图床前几天七牛云的免费图床测试域名回收,导致我上传的图片都不能访问!要配置自定义域名,域名还要绑定主机。没有云主机的我开始想你们搞一个免费的图床,并且数据也不会丢失呢 ?​ 想到之前自己在GitHub上搭建过一个GitHub Page ,里面可以上传图片并且图片也可以访问,这不是很好的图床吗,本地可以保存一份,并且上传到GitHub上云端也可以保存一份,还可以使…

大家好,又见面了,我是全栈君。

做一个积极的人

编码、改bug、提升自己

我有一个乐园,面向编程,春暖花开!

【教程】使用gitee搭建免费的图床

前几天七牛云的免费图床测试域名回收,导致我上传的图片都不能访问!要配置自定义域名,域名还要绑定主机。没有云主机的我开始想你们搞一个免费的图床,并且数据也不会丢失呢 ?

​ 想到之前自己在GitHub上搭建过一个GitHub Page ,里面可以上传图片并且图片也可以访问,这不是很好的图床吗,本地可以保存一份,并且上传到GitHub上云端也可以保存一份,还可以使用GitHub提供的地址在线访问图片,这不就解决了我目前的问题了。但是在经过几日的观察,Github page上的图片在线访问加载还是有点慢,就想到了Gitee(码云),这个可不可以搭建一个免费的page服务,托管我的图片呢?

一查Gitee官网真有,于是二话不说,开干!

一、准备工作

1、首先要有一个gitee帐户

2、然后在本地配置一下自己的SSH

3、最后本地有Git环境,用于后面图片的提交

准备工作这三步,就不具体展开了,没有环境的动起手来,先把环境搭好。

二、开始干活

1、创建一个项目

​ 点击 +新建一个项目,填写项目名称,点击下面的 创建,如下图:

新建项目

【教程】使用gitee搭建免费的图床

2、添加文件 index.html(名称必须是index.html)

添加index.html

index.html

3、选择 pages 服务并启动

选择page服务并启动

4、访问生成的网站地址

​ 已开启 Gitee Pages 服务后,访问page首页地址,这个是我的首页: http://dufyun.gitee.io/images_bed

到此一个gitee page 已经搭建哦克 了! 真正让图床起作用请继续往下看!

5、将gitee图床项目拉取到本地

​ 这一步不做介绍,就是将gitee上刚才创建的项目拉取到本地。

6、优化 gitee page 首页

因为我只是用来保存图片,所以就没有在集成博客系统。如果你需要你可以将此page 和 hexo等博客系统集成。

我这里只是为了首页好看,下载了一套 模板之家 的模板! 如下:

Graphic Design 模板

然后自己修改了一下,删除不需要的文件,然后就直接放到 第五步 下载的 项目路径,commit、push!

本地目录

然后就可以访问感觉比较舒服的首页了!访问地址:https://dufyun.gitee.io/images_bed/

7、日常使用

我是使用的有道云笔记存储笔记,有道云的Markdown如果不是会员是不能直接上传图片。书写Markdown我使用的是Typora,在要编辑一篇内容的时候,首先会建一个文件夹,将对应的图片放到一起,在Typora中直接引用本地路径的图片地址,然后等内容写好后将图片提交到gitee上,最后使用Typora的启用源代码模式,将内容拷贝到文本编辑器 后,本地图片地址全部替换成gitee的地址(只需要替换图片前面的路径)!如 我自己的

内容替换

F:\gitee_workspace\images_bed\images\techy\
替换为下面地址即可:
https://dufyun.gitee.io/images_bed/images/techy/

这样,如果哪一天gitee挂掉了,也可以直接在将gitee中地址替换为本地地址,图片依然可以访问!

下面是有道云markdown显示效果:

有道云显示效果

三、简单总结

看似整个过程很简单,但是还是建议想要一个免费的图床,自己有没有专门图片服务器的伙伴动手搞一下,小的积累,带来大个改变!

如果图床是公开的,建议不要上传比较隐私的图片,以及上传合法的图片!

四、备注说明

本篇博文的图片就是来自我gitee搭建的图床!右键 –> 在新标签页打开图片 ,即可看到我图床的地址!


谢谢你的阅读,如果您觉得这篇博文对你有帮助,请点赞或者喜欢,让更多的人看到!祝你每天开心愉快!


不管做什么,只要坚持下去就会看到不一样!在路上,不卑不亢!

博客首页 : http://blog.csdn.net/u010648555

愿你我在人生的路上能都变成最好的自己,能够成为一个独挡一面的人
【教程】使用gitee搭建免费的图床
© 每天都在变得更好的阿飞云

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请联系我们举报,一经查实,本站将立刻删除。

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/121061.html原文链接:https://javaforall.net

(0)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • webservice中文乱码处理_java取session乱码问题

    webservice中文乱码处理_java取session乱码问题javawebservice部分中文乱码解决,注意是部分乱码,不是全部哦!!!

    2022年10月9日
    3
  • 编程路上必定要知道的数据库语言SPL

    编程路上必定要知道的数据库语言SPL要说清这个目标,先要理解数据库是做什么的。数据库这个软件,名字中有个“库”字,会让人觉得它主要是为了存储的。其实不然,数据库实现的重要功能有两条:计算、事务!也就是我们常说的OLAP和OLTP,数据库的存储都是为这两件事服务的,单纯的存储并不是数据库的目标。我们知道,SQL是目前数据库的主流语言。那么,用SQL做这两件事是不是很方便呢?事务类功能主要解决数据在写入和读出时要保持的一致性,实现这件事的难度并不小,但对于应用程序的接口却非常简单,用于操纵数据库读写的代码也很简单。如果假定目前关系数据库的逻辑存储

    2022年10月6日
    4
  • 关于力矩单位的理解

    关于力矩单位的理解电机转矩,简单的说,就是指转动的力量的大小。但电动机的转矩与旋转磁场的强弱和转子笼条中的电流成正比,和电源电压的平方成正比所以转矩是由电流和电压的因素所决定的。转矩是一种力矩,力矩在物理中的定义是:力矩=力×力臂电机的“扭矩”,单位是N·m(牛米)。电磁转矩的计算公式没有涉及力臂的概念,单位为什么也是N.m?电磁转矩是机电能量转换的桥梁。从电角度看T=CT*Φ*Ia;从机

    2022年5月14日
    54
  • 一个简单的Parallel.ForEach实现

    一个简单的Parallel.ForEach实现在.net的TaskParallelLibrary中有一个很方便的功能Parallel.ForEach,可以实现多任务的并发执行,另外还带着栅栏功能,非常好用。但是这一功能必须需要clr4.0支持(CTP版的不大好用),对于低版本的.net要实现类似功能只有自己写一个了。codeproject上面文章PoorMan’sParallel.ForEachIterator中就有一种简单而…

    2022年7月19日
    10
  • html下划线 下移,css如何实现下划线滑动效果

    html下划线 下移,css如何实现下划线滑动效果本文主要讲述两种下划线动效效果,第一种悬停时X轴由内向外展开实现动画效果,第二种为左右自动展示,由左向右,或由右向左。实现的主要效果是利用伪类标签,以及hover,利用transfrommtrition实现动画效果。x轴由内向外展开利用贝塞尔曲线利用横线的动画实现,具体代码如下:ul{display:flex;padding:0;margin:0;list-style-type:non…

    2022年5月28日
    56
  • 贴片机保养步骤 保养项目 保养的目的与作用

    贴片机是一种高强度、长时间、超负荷的运转设备,需要定期进行细心的呵护保养,贴片机保养的好,运转稳定,保证日常生产产能,贴片机如衣食父母;贴片机保养不到位或经常不保养,性能再好的机子也会不堪重负出现各类毛病,影响生产产能和产品质量,因此贴片机保养是贴片厂非常重要的一环工作内容事项。(延伸阅读:何为SMT?smt是做什么的,smt贴片是什么意思?)贴片机日保用干净白布清洁机器表面灰尘,包含机身、显示器、键盘、鼠标、开关等;检测气压正常值;检查机器内部各装置是否正常;用吸尘器清洁机器里

    2022年4月7日
    39

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号