【教程】使用gitee搭建免费的图床
前几天七牛云的免费图床测试域名回收,导致我上传的图片都不能访问!要配置自定义域名,域名还要绑定主机。没有云主机的我开始想你们搞一个免费的图床,并且数据也不会丢失呢 ?
想到之前自己在GitHub上搭建过一个GitHub Page ,里面可以上传图片并且图片也可以访问,这不是很好的图床吗,本地可以保存一份,并且上传到GitHub上云端也可以保存一份,还可以使用GitHub提供的地址在线访问图片,这不就解决了我目前的问题了。但是在经过几日的观察,Github page上的图片在线访问加载还是有点慢,就想到了Gitee(码云),这个可不可以搭建一个免费的page服务,托管我的图片呢?
一查Gitee官网真有,于是二话不说,开干!
一、准备工作
1、首先要有一个gitee帐户
2、然后在本地配置一下自己的SSH
3、最后本地有Git环境,用于后面图片的提交
准备工作这三步,就不具体展开了,没有环境的动起手来,先把环境搭好。
二、开始干活
1、创建一个项目
点击 +
新建一个项目,填写项目名称,点击下面的 创建
,如下图:
2、添加文件 index.html(名称必须是index.html)
3、选择 pages 服务并启动
4、访问生成的网站地址
已开启 Gitee Pages 服务后,访问page首页地址,这个是我的首页: http://dufyun.gitee.io/images_bed
到此一个gitee page 已经搭建哦克 了! 真正让图床起作用请继续往下看!
5、将gitee图床项目拉取到本地
这一步不做介绍,就是将gitee上刚才创建的项目拉取到本地。
6、优化 gitee page 首页
因为我只是用来保存图片,所以就没有在集成博客系统。如果你需要你可以将此page 和 hexo等博客系统集成。
我这里只是为了首页好看,下载了一套 模板之家 的模板! 如下:
然后自己修改了一下,删除不需要的文件,然后就直接放到 第五步 下载的 项目路径,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搭建的图床!右键 --> 在新标签页打开图片 ,即可看到我图床的地址!
如果您觉得这篇博文对你有帮助,请点赞或者喜欢,让更多的人看到,谢谢!
如果帅气(美丽)、睿智(聪颖),和我一样简单善良的你看到本篇博文中存在问题,请指出,我虚心接受你让我成长的批评,谢谢阅读!
祝你今天开心愉快!
欢迎访问我的csdn博客和关注的个人微信公众号!
愿你我在人生的路上能都变成最好的自己,能够成为一个独挡一面的人。
不管做什么,只要坚持下去就会看到不一样!在路上,不卑不亢!
博客首页 : http://blog.csdn.net/u010648555
© 每天都在变得更好的阿飞
【教程】使用gitee搭建免费的图床的更多相关文章
- typora+PicGo+gitee搭建免费的的床
一.gitee 1.第一步拥有自己的gitee账号 没有的可以自己去注册gitee地址 2.使用自己的gitee账号创建仓库 创建好之后注意 记住.com/以后的地址 此处就为y***L/photo- ...
- gitee+typro+picgo搭建博客图床
gitee+typro+picgo搭建博客图床 前提环境 typro.picgo.nodejs 直接在官网下载即可 下载完成后,打开picgo 安装插件gitee-uploader 1.1-2即可显示 ...
- 使用gitee创建个人的图床
使用gitee创建个人的图床 1.如果还没有gitee(码云)账号,可以注册一个,注册后登陆进入个人中心 2.点击新建仓库 3.进入创建页面 创建成功 5.在本地电脑创建一个文件夹,专门用来放置要上传 ...
- .NET CORE上传文件到码云仓库【搭建自己的图床】
.NET CORE上传文件到码云仓库[搭建自己的图床] 先建一个公共仓库(随意提交一个README文件或者.gitignore文件保证master分支的存在),然后到gitee的个人设置页面找到[私人 ...
- 免费个人图床搭建gitee+PicGo
我们写博客的时候经常会需要配图,特别是markdown写的时候只能通过网络链接来展示图片. 首先来说存储仓库.测试过几款存储图片的仓库,最终选择方案3: 1.阿里OSS需要付费,空间和流量双向收费,对 ...
- 免费稳定图床最佳实践:PicGo+GitHub+jsDeliver 极简教程
一.下载 PicGo PicGo 是啥?顾名思义,它是一个快速上传图片并获取 图片 URL 链接的工具. 目前支持七牛.腾讯云.阿里云和 GitHub 等图床.该工具代码已在 GitHub 开源,读者 ...
- PicGo + Gitee +Typora实现markdown图床
目录 1. PicGo安装 2.Gitee配置 3.配置PicGo 3.Typora的设置 网上有一些很详细的教程,我这里只记录要点,其余部分按以下教程步骤来就行. 1. PicGo安装 国内下载可能 ...
- 【pic+js+gh】免费高速图床方案
本文用到的工具或网站 PicGo jsdelivr github 速度对比 Github的速度: jsdelivrCDN的速度: 下载PicGo 首先进入PicGo的下载地址 选择最新版本下载,根据自 ...
- Typora多线程批量上传图片,永久免费25G图床
为了满足日常需求,就写了一个自动上传图片到图床的脚本 运行该程序可以做到自动完成图片上传,并自动替换为网络链接,支持多图同时上传,采用了多线程,上传速度提升很明显. 以Window系统为例,操作步骤: ...
随机推荐
- 9:@RequestMapping 用法详解之地址映射
引言: 前段时间项目中用到了RESTful模式来开发程序,但是当用POST.PUT模式提交数据时,发现服务器端接受不到提交的数据(服务器端参数绑定没有加任何注解),查看了提交方式为applicatio ...
- Centos7.4+openvpn-2.4.4+easy-rsa-3.0物理机安装教程
完整CentOS搭建OpenVPN服务环境图文教程 大福技术 关注 2016.02.17 09:28* 字数 3017 阅读 34000评论 18喜欢 21赞赏 3 对于OpenVPN环境有什么用途老 ...
- Hadoop基础-MapReduce的工作原理第二弹
Hadoop基础-MapReduce的工作原理第二弹 作者:尹正杰 版权声明:原创作品,谢绝转载!否则将追究法律责任. 一.Split(切片) 1>.MapReduce处理的单位(切片) 想必 ...
- MySQL数据库以及表的管理
MySQL数据库以及表的管理 作者:尹正杰 版权声明:原创作品,谢绝转载!否则将追究法律责任. 今天我们探讨的话题就是如何使用MySQL做开发,我们运维的主要工作不是去开发SQL的,但尽管如此,我们有 ...
- 搜索引擎:Elasticsearch与Solr
搜索引擎选型调研文档 Elasticsearch简介* Elasticsearch是一个实时的分布式搜索和分析引擎.它可以帮助你用前所未有的速度去处理大规模数据. 它可以用于全文搜索,结构化搜索以及分 ...
- 解决linux mysql命令 bash: mysql: command not found 的方法
错误: root@DB-02 ~]# mysql -u root-bash: mysql: command not found 原因:这是由于系统默认会查找/usr/bin下的命令,如果这个命令不在这 ...
- bzoj千题计划294:bzoj3139: [Hnoi2013]比赛
http://www.lydsy.com/JudgeOnline/problem.php?id=3139 队伍的顺序不会影响结果 将队伍的得分情况作为状态,记忆化搜索 就是先搜索第一只队伍的得分情况, ...
- LVS原理详解(3种工作模式及8种调度算法)
2017年1月12日, 星期四 LVS原理详解(3种工作模式及8种调度算法) LVS原理详解及部署之二:LVS原理详解(3种工作方式8种调度算法) 作者:woshiliwentong 发布日期: ...
- 【原创】javascript模板引擎的简单实现
本来想把之前对artTemplate源码解析的注释放上来分享下,不过隔了一年,找不到了,只好把当时分析模板引擎原理后,自己尝试 写下的模板引擎与大家分享下,留个纪念,记得当时还对比了好几个模板引擎来着 ...
- HTML5+CSS把footer固定在底部
在刚开始给网页写footer的时候,我们会碰到一个让人烦躁的问题:当页面内容太少时,footer显示在了页面中间,这是我们不希望出现的,我们希望它能够永远呆在底部,不管网页的内容是多还是少.下面的代码 ...