【教程】使用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搭建免费的图床
© 每天都在变得更好的阿飞云

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

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

【正版授权,激活自己账号】: Jetbrains全家桶Ide使用,1年售后保障,每天仅需1毛

【官方授权 正版激活】: 官方授权 正版激活 支持Jetbrains家族下所有IDE 使用个人JB账号...

(0)


相关推荐

  • kong安装与部署

    kong安装与部署Centos7单机部署kong文档步骤 前置步骤:已安装jdk1.8和tomcat部署环境:centos7目标任务:kong:v0.14.x,postgresql:v10.5(注意:psql版本必须与kong版本对应)耗时任务:nodejs的安装(40+分钟) 安装依赖包安装gcc编译环境$yuminstall-ygccgcc-c++pcr…

  • 大一下学期微积分期末预习(3):定积分的应用-求旋转体的体积

    大一下学期微积分期末预习(3):定积分的应用-求旋转体的体积下面这个是柱壳法,不是注,别问,问就是字写错了。

  • 精通Python爬虫框架Scrapy_php爬虫框架哪个好用

    精通Python爬虫框架Scrapy_php爬虫框架哪个好用文章目录一、Scrapy框架原理1、Scrapy特点2、Scrapy安装3、Scrapy架构图4、Scrapy五大组件5、Scrapy工作流程二、Scrapy创建项目三、Scrapy配置文件详解1、项目完成步骤2.3.2爬虫文件:baidu.py详解3、settings.py详解4、run.py文件详解5、items.py详解四、案例1、抓取一页数据1.1创建项目和爬虫文件1.2items.py文件1.3写爬虫:guazi.py1.4管道:pipelines.py文件1.5全局配置:setti

    2022年10月21日
  • kvm 安装及安装虚拟机

    kvm 安装及安装虚拟机

  • js动画requestAnimationFrame详解「建议收藏」

    js动画requestAnimationFrame详解「建议收藏」看这篇文章之前我希望你会用setTimeout做简单的动画,也就是利用递归来代替setInterval做动画。requestAnimationFrame()他的作用就是代替定时器做更加流畅高性能的动画,做可以匹配设备刷新率的动画,他解决了定时器做动画时间间隔不稳定的问题(也就是解决定时器做动画不流畅的问题)。他的用法与setTimeout差不多。与setTimeout一样的是都会返回一个唯一标识,setTimeout可以通过clearTImeout()关闭定时器。那么requestAnimatio.

  • android vlc 中文字幕,解决Android版vlc中文乱码问题

    android vlc 中文字幕,解决Android版vlc中文乱码问题FQ到googleplaystore安装了vlc以后播放视频中文显示方框,开始以为编码问题,将字幕文件转换成utf-8以后问题依旧。android版vlc有个开发者模式,可以查看运行日志:07-0216:13:30.658D/VLC(19362):freetypesputext:Using/system/fonts/DroidSans-Bold.ttfasfont…

发表回复

您的电子邮箱地址不会被公开。

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