gitee存放代码_从零教你怎样搭建免费稳定的gitee图床!超详细~附资料工具!

本文详细介绍了如何利用Gitee、Git和PicGo搭建个人免费图床,解决图片跨平台链接失效的问题。教程包括安装Git、注册Gitee、配置PicGo的步骤,适合自媒体工作者和需要稳定图床链接的用户。
摘要由CSDN通过智能技术生成

前言:对于自媒体工作者或者经常需要上传图片资源的朋友来说,图片上传到某个平台后,同步到其他平台会出现链接失效的情况,这就大大的增加了我们的时间成本,非常麻烦。

那么,搭建一个属于自己的免费稳定的图床就很有必要了!图床的好处是随时随地、任意平台都可以调用某张图片的链接,提高效率的同时还增加了图片的稳定性!

今天介绍的图床由 Gitee + Git + PicGo 搭建而成。可以直接拖拽图片到 PicGo 软件,即可获取图片的相应链接 ,当然支持自定义输出链接 。(本文图片较多,流量预警!)

15685d85c82878b9b579ce326c21826a.png

需要哪些软件或者工具:

  • git工具

  • gitee账号

  • PicGo软件

  • 系统环境:Win7 演示(Win系列都差不多~)

  • 如果没有以上工具,通过以下教程来获取!

教程分为几个步骤:

  1. 安装 Git

  2. 注册 Gitee 码云,并新建仓库

  3. 本地同步代码到 Gitee  

  4. 配置PicGo

  5. 完成总结

第一步:安装 Git

1. 访问 Git 官网地址(https://git-scm.com/download/),直接访问即可,这里下载根据你的系统选择,我这里选择  Windows系统,然后点击该 "Windows" 进入到下载页面。

84f336d7673441d4bb7fb49a661e6e20.png

2. 进入到下载页面后,我们会看到如下界面。这里有两种类型的版本,一个是安装版,另一个是便携版。安装版是需要安装到本机的,便携版不需要安装,也就是可以放到移动U盘来用的。

我这里选择安装版64位(64-bit Git for Windows Setup),点击该串英文字母即可下载!

972c29f777d9762c721f57714bf54668.png

Git 软件下载较慢,大家耐心等待...(如果等不住,可以到我的公众号下载,我已经把四个版本都下载了,后台回复 “ 图床 ” 即可获取链接)

3. 下载好安装包之后,点击打开。这是软件说明,我们选择 “Next” 进行下一步。

* 这里提醒一下,git 安装可以直接 "Next" 下一步,直到安装完成!!!但我建议你还是看着我的教程安装。

c3ebeefe046bc78f31a3f9e799d8861f.png

4. 接着,设置安装路径,点击 “Browse...” 选择安装 Git 到该文件夹,我建议选择 D 盘(非系统盘)。我这里演示用的是 C 盘。然后,点击 "Next" 进行下一步。

92b8b5a4a687ff90056ee3e0f6d4aa20.png

5. 这里根据自己的需要选择,我已经把这些都翻译了。我演示就都默认了,然后 "Next" 下一步。

65559e6b10ad0b2fbfaa109dc76a90c6.png

6. 这里是询问你是否创建开始菜单,并设置名称。我这里不改变文本内容,直接 "Next" 下一步。

cb1e5af18604da809cb67b1f61f5ac12.png

7. 这里是设置 Git 默认编辑器,我们这里直接下一步 "Next"。

5d2f263534868698bb48e8a66cfa52e6.png

8. 调整新仓库中初始分支的名称,你希望 Git 在 "git init "之后给初始分支取什么名字?

4027bbe259d20b08b0fdfd2704b4b58e.png

这里有两种选择:

1)Let git decide(让git决定)

2)Override the default branch name for new repositories(重写新存储库的默认分支名称)

* 我们在这里选择 第一种 默认的,然后点击 "Next" 进行下一步。

9. 这是调整您的PATH环境的设置

797c33f893a05848fb83233ccf71d8fd.png

这里有三种选择:

1) Use Git from Git Bash only (只在Git Bash中使用Git)

2) Git from the command line and also from 3rd-party software (在命令行和第三方软件中使用Git)

3) Use Git and optional Unix tools from the Command prompt (在命令提示符下使用Git和可选的Unix工具。)

* 我们这步选择第二项默认的,毕竟还是新手嘛~接着 "Next"下一步。

10. 选择Https传输后台配置

7a8adc2e4a66a7b2ffe51d81f83a0ecc.png

这里有两种选择:

1)Use the OpenSSL library.(使用OpenSSL库。服务器证书将使用ca-bundle crt文件进行验证。)

2)Use the native Windows Secure Channel library. (使用本机Windows安全通道库。服务器证书将使用Windows证书库进行验证,这个选项也允许你使用公司内部的根CA证书,例如通过活动目录域服务分发。使用本机的Windows安全通道库服务器证书将使用Windows证书库进行验证,这个选项也允许你使用公司内部的根CA证书,例如通过活动目录域服务分发的证书。这个选项也允许你使用公司内部的根CA证书。例如通过Active Directory Domain Services。)

* 这里我们选择 第一项,接着 "Next"进行下一步。

11. 配置行尾转换,我们选择第一项(Windows推荐),接着 "Next" 下一步。

9980a0432dec131e3691d29da787d3d1.png

12. 配置与Git Bash一起使用的终端仿真器

a64062dd6e3035e5262cc67c03d1a163.png

这里有两种选择:

1)Use MinTTY (the default terminal of MSYS2) 使用MinTTY(MSYS2的默认终端)相对于控制台,MinTTY 有更好的字体显示效果,以及舒服的操作方式。

2)Use windows default console window (使用Windows默认的控制台窗口,这个想必大家都是用过吧,也就是常见的CMD窗口)

* 我们这里选择默认的第一项,然后点击 "Next" 进行下一步。

13. 选择git pull的默认行为

21f18b82f0a32b613964116f2084db57.png

这里有三种选择:

1)Default(fast-forward or merge) 默认(快进或合并):这是git pull的标准行为:尽可能将当前分支快进到获取的分支,否则就创建一个合并提交。

2)Rebase 重设:如果没有 locacommits 要重设,则将当前分支重垒到获取的分支上,这相当于快进。

3)Only ever fast-forward 只有快进:快进到获取的分支。如果不可能,则失败。 

* 这里我们也选择默认的第一项,然后 "Next"下一步。

14. 配置凭证助手

97c6e7fec7dc2e0455ec153cb6beb2df.png

这里有三种选项:

1)Git Credential Manager Core (Git凭据管理器核心)

2)Git Credential Manager (Git证书管理器)

3)None (无,不需要凭证助手)

* 这里我们选择第一项,Git凭据管理器核心,然后 "Next"

15. 配置额外的选项

ed0981a2a33fadad15e77939b91c502d.png

这里有两种选项:

1)Enable file system caching (启用文件系统缓存)

2)Enable symbolic links (启用符号链接)

*我们这里勾选第一项就可以了,然后 "Next"

16. 配置实验选项,我们就不体验了,直接 "Next"。

05a7fcaf79cb5578e0cea04d9de9fd3b.png

17. 等他自行安装...

eac202bee8dca265ce09f069030bdd3b.png

18. 安装完成后,显示如下,我们点击 "finish"完成安装。至此,我们才仅仅安装好了 Git。哈哈哈545df0117f6d5b2d83b1715293dada81.png545df0117f6d5b2d83b1715293dada81.png545df0117f6d5b2d83b1715293dada81.png,继续~

73ba0234ea479826271074845d47fa04.png

第二步:注册 Gitee 码云

1. 打开码云官网(https://gitee.com),找到  "注册" 并点击进入。

e9d0362a2f673bf5a287463302b02807.png

2. 在注册页面填入你的相关信息,并保存起来,以防账号或者密码忘记。

e4b3ec1edd680bcb793eb88d5697f912.png

3. 创建并登录之后,最好先验证邮箱。然后,在页面的导航找到 "+" 并点击,然后选择 "新建仓库"。

945cca4f542abebf5094e9a4eacc1687.png

4. 在新建仓库页面,填入仓库名称(自定义)>>>开源公开>>>使用Readme初始化仓库 >>> 点击 "创建"

0bf8316b0cbe90ccb8048dcde75effb9.png

5. 建好后的仓库如下:

105b17d1d227e509c284af25f5aaa231.png

6. 接着,我们创建 index.html 文件。在仓库页面找到 "文件">>> "新建文件" 并点击。

bb6fc2d566ec1a289225a13fe3b05582.png

7. 新建一个 index.html 文件,再按如下图操作即可。牢记:index.html 不能输错,内容随便输入点什么~  然后,点击最下方的 "提交" 。

fc3e13a2bea19131ffe3ac082736e1d9.png

8. 然后,找到 "服务"选项 >>> "Gitee Pages" ,进入page页面后,选中 "强制使用HTTPS" >>> 点击 "启动"。

fae101305c7545d73bfcdb5825a39abe.png

9. 成功后,会显示给你的静态网址,进入网址后,就可以看到刚才刚才我们输入到 index.html 的文本内容(当然,这只是前戏,还没完呢~f672cf9a0f63e945593c09e8c20fbc77.pngf672cf9a0f63e945593c09e8c20fbc77.pngf672cf9a0f63e945593c09e8c20fbc77.png)。

9e7d64e75d491454ab42fe69f1eb7f5a.png

c5bfd04c16f49db3b83940da2e6e7a4d.png

我们注册好了gitee,并创建了仓库,接着来初始化本地配置。

第三步:本地同步代码到 Gitee仓库

1. 新建文件夹,文件夹名称随便起。然后在文件夹上  点击鼠标"右键",找到 "Git Bash Here",进入 Git 操作窗口。

ea722aefd4651042e15e8d7c5c07959b.png

2. 在弹出的窗口的命令行输入:git init

a54d15aa1819af7159de8f7cd3e8a000.png

* 此命令主要是为了初始化一个 git 本地仓库。如果成功,刚刚新建的文件夹下会出现一个隐藏的 .git 文件夹

3. 接着,本地仓库和远程仓库建立连接。我们输入 git remote add origin (这个网址是你的仓库地址,地址获取看下面)

9e6de4f3324cbd3c7182aff9afaacbc4.png

获取仓库地址,打开刚才创建的仓库,找到 "克隆/下载">>> 复制 HTTPS 地址

b8400b7fde11d9b4ce6e555fdcf47fef.png

4. 接着输入命令  git pull origin master  这步的作用是:将码云上的仓库 pull 到本地新建的文件夹中。

0496b19447c98241deed5ec55902530c.png

5. 接着修改 index.html 文件,也就是你想要的页面,并添加素材,我这里又新建了一个 img 文件,用来以后存放图片(这个文件夹中必须要有文件,你就放一张图片就好了!当然也可以不创建~)

* 这里我上传的html相关文件都是我自己修改的。大家也可以到网上找一些模板试试。如果需要用我的模板,请到我的公众号后台回复 图床 获取!

 3784c534583a703c53f0b24b8a97fec8.png

6. 使用如下命令来输入用户名和邮箱(此用户名和邮箱是 git 提交代码时用来显示你身份和联系方式的,并不是 gitee 的用户名和邮箱),我这里用的是gitee的信息。

git config --global user.name "gitee的用户名"

git config --global user.email "gitee绑定的邮箱"

3aa85947f193e499f13198b2a52dc448.png

7.  然后输入 git add .  (此命令可以将文件保存到缓存区,注意 . 之前还有空格!!!)

0f5ef159aed6c448ddebf12d4dda5d55.png

8. 输入  git commit -am "此处填写上传文件描述" (此命令主要是为了添加文件描述)

af0f2153c12b5d566775071b2a31b21a.png

9. 这时会弹出OpenSHH信息框,我们按照提示依次输入 username 账号 和  password 密码

1f2627b8438cea0edb1eb42c1dc692a1.png

10. 如果弹出以下窗口,那我们安装 .NET Framework 4.6.1,这个百度都可以搜到。

3c88af279480b7da40f462df92309dbc.png

11. 接着输入  git push origin master ,将本地代码push到我们的码云仓库,正确会显示如下信息。

631322d6093f9c6fa5e5e258923ca21a.png

12. 再次打开我们的 gitee 仓库,就会看到我们本地的文件已经成功上传了。

bdd49a0e23bd0b2495a68b91b218eb5c.png

13. 我们再打开( https://pyshadow.gitee.io/test )自己的网址,如果还没有刷新,可以到 gitee pages 更新即可!

ed7ea71e34e941e1236ef8f2f87dd3b6.png

14. 成功的话,会正确显示我们的首页。

852b8f8e1cf90f2d260295e3c01422b4.png

到这里,我们又成功的创建了仓库并且上传了静态页面的相关文件。

第四步:配置PicGo

1. 首先,下载开源项目PicGo地址:

https://github.com/Molunerfinn/PicGo/releases

3951d53c76ea61150d1ca3971487be20.png

选择相应的系统进行下载,下载速度较慢,耐心等待。如果急需,文末有全部资料。

2. 安装 PicGo ,选择 "仅为我安装 "。

845df609858ca8c85dadf358ed8d52d5.png

3. 选择安装路径,看你自己的需求,我建议不要装到系统盘,我这里演示在 C 盘,然后直接安装就可以了。

cc7f813cd600b082cf53d4a2cab5c471.png

4. 安装好后,我们切换回 gitee 页面中,在我的头像中找到 "设置" 选项,并点击进入。

074f4cec92cded8a4f5c254e0f42a1b9.png

5. 在账号信息中的左侧栏中找到 "私人令牌",点击进入。 

14db0aad6be9bee7dad0b49516bb5cfb.png

6. 之后,点击 "+生成新令牌"。 

fa7d79f120cc54178fdf5b5ce5ee1609.png

7. 输入令牌的描述,这里随便写。

95138fce77717d6734682a5e1a3912ca.png

8. 输入你的 gitee 密码。

848720d7161ae49129f9af122866eb9c.png

9. 复制保存好令牌!!!后面要用,也不要给别人透露。

d251231c106e2df53cce3505f4e3a902.png

10. 打开软件,在任务栏中找到这个软件(我第一次用这个软件,都找不到,还以为软件崩溃了~fec58d086270c88a991a8dae32c443b0.pngfec58d086270c88a991a8dae32c443b0.pngfec58d086270c88a991a8dae32c443b0.png),然后点击 "打开详情窗口"。

6655c35ae3b21cf5f62edf22b3d86183.png

11. 在 PicGo 软件中找到 "插件设置" >>> 输入 "gitee" ,搜索结果中的第二个 "gitee-uploader 1.x.x.x " 就是我们要找的,然后点击 "安装"。

dbe51935532d04ab9d97691a19b6e798.png

12. 大多数人在点击安装后都会显示该信息框。那么我们安装就是了。因为我演示用的系统是 win7 ,所以,安装 node.js 是网址2 。

网址1:https://nodejs.org/zh-cn/   (此版本适用于系统高于 win8,win10)

网址2:https://nodejs.org/download/release/v10.0.0/(此版本适用于win7)

*ps : 如果下载速度慢的话,可以试试文末我提供的安装包。

f70f1af78845a994e19f2f8d64ee2d1b.png

13. 安装好 node.js 后,重启 PicGo 软件,然后再次按照步骤11搜索 "gitee",然后点击安装。

安装好 gitee 插件后,建议再次重启 PicGo软件。之后,在 "图床设置"中找到 "gitee",并填入相关数据。

  • repo:填写格式 用户名/仓库名

  • branch:仓库分支,选择默认的master即可

  • token:上面已经介绍过了,就是生成的私人令牌

  • path:图片存储路径,就是我刚才新建的 img 文件

  • customPath:需要不用填写,这个就是你提交图片时显示消息的格式,可以看下面的图,消息格式为 Upload 图片名 by PicGo

  • customUrl:不需要填写

a443da4fc1838908fd1b2aa56d0e8ea0.png

这里我们把 gitee 设置为默认图床,然后点击 "确定",就算配置成功了。

14. 检测 gitee 图床是否设置成功。我们在 "上传区" 拖入一张图片,如果右下角显示 "上传成功",那么说明我们终于配置好图床了!!!

13822f11c56a51be340f5b6347e947d3.png

如果需要查看历史图片上传,在 "相册" 区域可以回看。

b282d83b543c6ac15155b5a3f02409b4.png

总结:作为一个菜鸟,我在第一次搭建的时候也是遇到了很多困难,但是通过度娘都通通的解决了。我相信通过我的教程,会给你带来很多便利,也许也会遇到麻烦,你可以私信我,尽力帮你。

以上所有软件或者命令,我都打包上传到了网盘,如果需要,请关注公众号:小布软件分享,后台回复   图床   获取!

0e12f8541a8db2640485a6adfdf61625.png

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值