图文博主是怎么处理图片的？这篇文章告诉你

type

status

date

slug

一、配置Github Pages

GitHub Pages是GitHub提供的一项静态网站托管服务（免费）。许多开源项目或公司的API文档都通过GitHub Pages托管在Github服务器上，如Bootstrap (getbootstrap.com)和Electron (electronjs.org)

既然GitHub Pages能托管静态网站，托管图片自然不在话下，因此很多人也把它用作图床。下面我们就来看看如何用GitHub Pages搭建免费图床，以及如何自定义图床域名，如何使用picgo简化图片上传流程

部署Github Pages

首先，我们新建一个仓库，打开Github（没账号先创建），点击右上角“+” -> "New repository"

给项目命名一下，然后“Create repository"

创建好点击项目”Settings"标签页，选择下方“Pages"，这就是Github Pages配置页面

在Github Pages配置页面中，点击”Branch"部分的"None"，在下拉选项中选"main“，之后点击"Save"

到这里Github Pages已完成部署，你已经能通过Github Pages提供的网址访问你上传到这个仓库的图片了，是不是超级简单！

通过GitHub Pages访问图片

下面让我们看看如何通过GitHub Pages访问图片，需要先上传图片到GitHub Pages仓库。接着刚才的步骤，向上看，有一个”Visit Site"，点它

由于我们刚才没有上传任何文件，你会看到404页面，别担心，这是正常的

现在我们来上传一两张图片到GitHub仓库。返回仓库页面，点击“Code"标签页 -> ”Add file" -> "Upload files"

点击中间框框，从文件管理器中选图片，最后点击左下角"Commit changes"上传该图片

OK，现在我们已经在根木录下上传了一张图片，先复制它的名字（带后缀）。来到刚才的404页面，在URL最后粘贴，回车，Voilà！成功，这就是访问GitHub Pages图床图片

直接在根目录下上传图片虽然方便，但不好看，也不利于管理图片。我们可以在根目录下创建一些目录给图片分类

点击“Add file" -> "Create new file"

在输入新文件夹名称后，最后添加一个正斜杠"/"，比如我这里写"pic/"。

当你输入 "/" ，会看到路径后边（pic/）出现一个新输入框，表示我们现在正准备在这个新文件夹下创建文件。由于Git本身不追踪空文件夹，你会发现后面”Commit changes"呈灰色，无法点击，因此我们需要在这个新文件夹中创建文件。只需在弹出的新输入框中随便输入一个名称，它就会变成一个新文件，这时后方"Commit changes"也会变绿，可以点击

Tips：最好输入".gitkeep"，它专门用于告诉Git保留空文件夹。输入完后点击“Commit changes"提交更改

如果你会git clone，这步也可以通过克隆仓库，在本地批量完成图片上传

现在在新文件夹中上传图片，通过GitHub Pages图床访问上传到这个文件夹下的图片时，在URL后面加上"pic/{图片名}"即可访问。创建其他文件夹同理，用好这个可以让我们的图库更好管理

自定义图床域名

当我们刚创建好GitHub Pages图床，图片的公开访问链接格式为： ”https://<你的用户名>.github.io/<你的仓库名>/<图片在仓库中的路径>“。或许有小伙伴像我一样想让链接好看一些，GitHub Pages针对这个需求提供了让我们自定义链接的选项，来看看如何实现：

首先，我们需要购买一个域名，关于如何购买域名，大家可以看这篇文章: 使用Namesilo购买域名。不过Namesilo是国外服务，建议大家在国内的云厂商，比如腾讯云，华为云购买。因为如果业务主要面向国内，使用国内厂商的服务器，访问速度会更快。而且在这些厂商后台购买、解析域名往往容易一些

我对腾讯云熟悉一些，下面以腾讯云为例。域名注册（就是购买域名）这里不讲，大家在后台搜一下就行，淘宝买东西一样

可能一些小伙伴有Namesilo或其他域名注册商的域名，我们先来看下如何把Namesilo购买的域名的名称服务器转移到腾讯云，从而使用腾讯云的DNS解析域名。如果你是在国内厂商购买域名，这里可以跳过

在腾讯云后台，搜索云解析，点击结果中”云解析DNS"

点击左上角“添加域名"，输入你在Namesilo或其他域名注册商处购买的域名

完成添加后，点击蓝色高亮域名或者“解析"。你会发现上方有一个红色警告，点击中间”查看详情"

弹出一个让你添加腾讯云名称服务器的提示，右下角两个绿色高亮记录就是腾讯云名称服务器

这时候需要到域名注册商那里，把域名的名称服务器指向腾讯云。以NameSilo为例，我们来到NameSilo域名管理界面:https://www.namesilo.com/account_domains.php。勾选目标域名，点击上方“Change NameServer”

把刚才腾讯云弹出的提示框中两个名称服务器填到这里，如果有多余的就删除，只要两个。最后点提交

稍等几分钟，返回腾讯云域名解析页面，上面的红色警告就没有了。接下来我们给这个域名添加GitHub Pages的DNS记录。在“主机记录"下，随便填一个名称，我填"img"。记录类型选择”CNAME"。记录值是"{你的github账户名}.github,io"，比如我这里是"cjjj9330.github.io"。最后点击后方确认

来到GitHub Pages设置页面，在“Custome Domain”中填入我们刚才配置好的二级域名。格式为"{主机记录}.{域名}“，比如我这里是"img.aiexplorer.rest"。之后点击"Save"，等待DNS检查完成

检查完成，变成绿色后。我们就可以通过自定义域名访问图床中的图片啦。只需把原来的”https://<你的用户名>.github.io/<你的仓库名>/<图片在仓库中的路径>“，换成”https://<自定义二级域名>/<图片在仓库中的路径>“，比如我这里是”https://img.aiexplorer.rest/<图片在仓库中的路径>“