手把手教你搭建属于自己图床(借助gitee成功搭建)

一、环境准备

1、注册gitee账号

https://gitee.com/

2、设置SSH 公钥

按照官方教程设置:
https://gitee.com/help/articles/4191#article-header0

3、本地安装git

https://git-scm.com/download/win

二、开始搭建图床

1、登录gitee账号,新建仓库

在这里插入图片描述

在这里插入图片描述

然后会跳转到下图这个页面,先放到一边,待会需要用到下面的命令:

在这里插入图片描述

2、在本地创建一个文件夹

  • 在文件夹内创建img文件夹,用于存放图片,这里我已经放了一张名为00.jpg的图片。
  • index.html 为首页

在这里插入图片描述
在这里插入图片描述

3、出现这个命令窗口

第一次使用可能会让你输入你的gitee账号密码。

在这里插入图片描述
然后在这里逐条运行创建仓库后生成的代码:

在这里插入图片描述

Git 全局设置:

git config --global user.name "xxx"  
git config --global user.email "7415731+xxx@user.noreply.gitee.com"

创建 git 仓库:

git init
git add .
git commit -m "first commit"
git remote add origin git@gitee.com:xxx/img.git
git push -u origin master

4、回到gitee刷新

出现下面这个即可:
在这里插入图片描述

5、开启Gitee Pages服务

在这里插入图片描述

6、稍等片刻,就会出现下面的网址

复制网址到浏览器访问,即可访问你的首页index.html文件

在这里插入图片描述

7、访问图片

只需要在上面的网址上加上图片所在的路径即可,如:

http://xdragon0.gitee.io/my-image/img/00.jpg

通过外网访问成功!

在这里插入图片描述

三、后续更新图片

1、把需要添加的图片放到本地img文件夹内

2、右键打开Git Bash Here

在这里插入图片描述

3、输入如下命令添加到仓库

git add .     
git commit -m "update"
git push -u origin maste

说明: git add . 的 add后面有个 “.”,表示添加所有; git commit -m “update”
双引号内的字符为本次更新的说明,可自行更改为其他内容;

4、如果更新了index.html,需要到更新Pages服务

在这里插入图片描述

四、其他方案(快速)

1、创建项目

在这里插入图片描述
在这里插入图片描述

2、上传图片文件

在这里插入图片描述

3、开启Pages服务

在这里插入图片描述
生成网址:

在这里插入图片描述

4、访问上面的网址+图片完整名称

如访问:

http://xdragon0.gitee.io/img/0.png

0.png是我的图片名称

评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值