我们使用 Markdown 或者HTML文件时,无法避免的一个问题,就是图片的访问性,因为图片的路径一般都是本地,从其他电脑中,根本无法读取到你本地的图片。

每次同步到其他平台时,就比较麻烦,如果该平台不能直接复制图片,就需要先把图片下载,然后上传到该平台,最后一个个选择,调整到对应的位置。

为此,我希望可以建立一个时时刻刻都可以访问的图片库,也就是图床。

可以作为图床的互联网服务有很多,但大都需要付费,且配置麻烦,需要你绑定域名等复杂操作。

这篇文章,就帮你简单地搞定图片访问的问题——搭建免费图床。

图床仓库创建

注册 Gitee 账号

由于 GitHub 服务器在国外,国内访问不稳定,这里选择的国内的gitee平台。

网址:https://gitee.com
【图】

注册好账户后,进入gitee。

创建仓库

仓库可以理解为文件夹,在gitee上创建仓库就是创建远程同步的文件夹。

可以通过左边栏下方的仓库或页面上方导航栏右侧的“+”号创建仓库。

上方导航栏右侧的“+”号创建仓库

左边栏下方的仓库处点+号创建仓库

在新建仓库页面,如果不需要与别人分享,可以选择私有。

接下来,我们就会看到仓库已经创建完成了:

【图】

我们可以像 Windows 中那样新建文件夹、上传图片等操作,但无法实现批量复制、剪切,并且,每次上传图片最多只允许 20 张。

因此,我们需要找到更方便的方式。
这里,就涉及到git文件夹的远程同步功能了。

获取仓库链接

HTTPS链接获得方法:在gitee的仓库页面,点击【克隆/下载】,复制HTTPS链接

文件夹远程同步

创建本地文件

按照Windows的方式整理文件,比如新建文件夹、批量移动等,我的图床结构如下:

接下来,我们要解决的是,如何把本地文件同步至gitee上,这就需要 git 整儿工具。

git工具下载与安装

首先,我们安装 git 软件。
可以在https://www.git-scm.com/中下载

【图】

如果网站下载时间比较长,我上传了windows-64位的安装包,可以直接下载。

链接: https://pan.baidu.com/s/1q_xRGAPoqqxmn3njLq7jUw 提取码: nar3

安装步骤就不详细介绍了,可以全部点击下一步。

在最后,记得勾选“启动Git Bash”,我们下一步就需要用到。

git 初始配置


在使用前,需要先配置一下git,打开Git Bash,,在窗口中输入:
git config —global user.name “your name”
git config —global user.email “your email”

PS:Git Bash只能手动输入,不允许复制。

名字会出现在上传的提交记录中,可以与gitee的用户名一致。
Email应与在gitee上注册的Email一致。

建立本地用于同步的文件夹

上面,我已经创建好了需要同步的本地文件结构。

建立完成后,右键点击根文件夹打开Git Bash Here,这样在 bash 中就不用改变目录了(建立 git 仓库需要在建立的GIT文件夹目录下进行)


在 Bash 中,键入 git init 命令将这个文件夹转换为 git 仓库。

接下来,我们就可以建立本地和远程的文件夹链接啦~

同样,在bash中,键入

  1. git clone gitee仓库的HTTPS链接


由于git 不能粘贴,可以使用cmd

cmd打开方式:win+R打开运行,输入cmd;
在资源管理器的地址栏,右键可以复制本地文件夹地址(全路径),然后,在cmd中粘贴就可以方便改变路径了。


然后,在本地的【图床】文件夹中,就可以看到有一个.git的文件,在gitee中创建的仓库了😊

【图】

如果在gitee上还有其它仓库,比如,macroeconomics, 也可以用同样方法在GIT文件夹中同步。GIT文件夹可以视为一个仓库的集合。

同步文件到本地

将需要上传到gitee中的仓库文件拷贝到本地同步的文件夹里(我这里是 microeconomics)。

注意,空文件夹git是不会识别和同步的,需要在其中放入文件

在本地同步的仓库(microeconomics)右键打开git bash here, 无脑输入以下语句,就可以将本地文件同步到gitee的对应仓库中了。

  1. git add .
  2. git commit -m "你的注释或添加/改动的说明,如 initial update"
  3. git push origin master

第一次输入git push origin master时,会弹出窗口,输入gitee的用户名和密码。

以后,本地文件夹更新,都执行此命令,进行同步。如果远程文件发生变化,那么,在本地需要先进行下面的git pull, 先令本地文件夹与远程同步,再更新远程文件夹,避免git困惑。

如果仅是需要同步远程的文件夹——即远程文件发生变化,本地同步下载,那么,在需要同步的时候,在本地同步的仓库(microeconomics)右键打开git bash here,输入git pull origin master 就可以更新内容了。

需要注意的是,如果在本地有文件修改,比如文件A,同时远程仓库的A文件也有修改,那么,同步就会产生冲突,因为git不知道保存哪个好。这时,就需要手动处理一些冲突。

发布网站

现在,我们的仓库中的图片,还无法在外网访问,因为他只存在gitee的硬盘中,并未上传至网络,我们需要先发布网站。

在仓库的服务中选择 gitee page,绑定手机号,选择发布即可:

【图】

稍等一段时间,我们的所有图片及文件夹结构就都可以上传至网络中,我们就可以通过外链获取图片了。

需要注意的是,这样发布后的所有图片,如果其他人也知道路径,也可以读取,涉及隐私的图片慎重上传。

批量修改HTML

我们要同步HTML文件,只需要修改本地路径前缀为网络路径前缀即可,可以使用sublime 等文本编辑器,批量查找替换。

【图】

之后的修改不会太大,我们直接借助网页端上传图片即可,注意,每次保存到仓库后,需要发布 gitee page,才可以访问更新后的图片。