如何利用码云搭建一个自己的图床?

正文

引言:

最近因为在开发自己的小博客,遇到了一个问题,我在博客发文章的时候图片老是上传不上去,就想着做一个自己的图床,网上找了找教程,发现推荐码云和Coding比较多,毕竟是国内的,访问速度快一点,后来就选择了码云,话不多说,下面跟着墨白一起来动手搭建自己的图床吧.

• 准备开发环境:

环境准备:

• 没有码云账户的需要新建一个码云账户
• 新建一个码云仓库,配置SSH密钥
• 本地安装Git,用来提交本地代码到远程仓库

1.创建码云账户

这个就不细说了,没有的直接去创建一个就可以了,创建完直接新建一个仓库,仓库名称最好是"仓库名+gitee.io",在仓库设置里面配置你的SSH密钥,用git和远程仓库进行匹配

2.配置SSH密钥步骤:

直接克隆你的仓库到本地,复制你码云仓库的地址,如下图,随便电脑任何一个位置鼠标右键打开你的git bash,输入下面的命令将你线上的仓库克隆到本地;

git clone https://gitee.com/用户个性地址/HelloGitee.git #将远程仓库克隆到本地

需要注意的是:在克隆过程中，如果你的仓库是一个私有仓库，git将会要求你输入码云的账号和密码。按照提示输入即可。

克隆完毕以后你会在本地看到你从线上拉取的文件夹和代码,如下图

如果上一步没有输入用户名和邮箱,那么接下来就在git配置你的用户信息:

命令如下:

# 配置你的用户名称,和码云上的名称一样
$ git config --global user.name "你的用户名"
# 配置你的邮箱,和码云账户上的一样
$ git config --global user.email "你的邮箱"
# 配置好了以后你可以查看你的用户名和邮箱是否正确
# 查看用户名
$ git config user.name
# 查看邮箱
$ git config user.email

生成你的SSH密钥:一路回车,中间可以打个yes

,ssh，简单来讲，就是一个秘钥，其中，id_rsa是你这台电脑的私人秘钥，不能给别人看的，id_rsa.pub是公共秘钥，可以随便给别人看。把这个公钥放在码云上，这样当你链接码云自己的账户时，它就会根据公钥匹配你的私钥，当能够相互匹配时，才能够顺利的通过git上传你的文件到码云上上

# 本地生成你的密钥
$ ssh-keygen -t rsa -C "你的用户名"
# 这个时候它会告诉你已经生成了.ssh的文件夹。在你的电脑中找到这个文件夹。或者git bash中输入
# 查看你的密钥
$ cat ~/.ssh/id_rsa.pub

回到码云配置你的密钥:

在你拉取的文件夹根目录下创建一个index文件,或者和我一样直接在这个模板之家下载一个模板,修改一下相关代码就可以了,这里有很多丰富的模板供使用,免费但是功能都很少,很多没有汉化,大多都是H5写的,比较简单.

http://www.cssmoban.com   // 在这个地址根据自己的需求下载一个模板 

将你下载的源码放在克隆下来的文件夹根目录里面,如下图

• 上传你的代码到码云
• 在git定位到你的文件夹内,初始化你的文件夹,

如下操作

# 1.定位到你的文件夹
Auser·杰@Auser▒▒▒▒ MINGW64 /f
$ cd mobai_images.gitee.io/
# 2.初始化你的仓库,取消你的隐藏文件夹属性,你会发现你的文件夹内多了一个.GIT文件夹,以后有空在和大家聊一聊git
Auser·杰@Auser▒▒▒▒ MINGW64 /f/mobai_images.gitee.io (master)
$ git add .
# 3.填写本次提交注释,建议填写,养成良好的习惯
Auser·杰@Auser▒▒▒▒ MINGW64 /f/mobai_images.gitee.io (master)
$ git commit -m "第一次提交代码"
[master 17c7b97] 第一次提交代码
92 files changed, 18666 insertions(+)
 create mode 100644 css/bootstrap.css
 # 4.push代码到你的远程仓库
$ git push origin master
Enumerating objects: 108, done.
Counting objects: 100% (108/108), done.

查看你的码云仓库是不是提交成功了,成功如下,有时候会有意外,但是不多见

部署静态页面,选择仓库界面服务=>Gitee Pages=>启动

访问你的图床,

我的图床最终效果如下:

这是我的图床地址,感兴趣的小伙伴可以去看一下,因为是给大家做教程,所以就没有优化代码,访问速度可能会比较慢,大家谅解一下

https://wang_lianjie.gitee.io/mobai_images.gitee.io/#

今天的内容就到这里了,美好的一天开始了,元气满满