使用阿里云域名与Github Pages搭建网站

心生念想，想要用阿里云的域名，然后将网站托管在Github上，这样节省服务器费用，而且还具有Git版本管理功能，何乐而不为。

整体过程共4步，假设读者已有相关知识。特别的细节请自行百度。

1. 选择网站制作方式
2. 静态网站制作
3. 注册Github，开启Pages
4. 上传网站至Repo的master
5. 购买域名，与Github关联
6. 添加404页面

1. 选择网站制作方式

1.1 静态网站生成

近年来，作为传统动态网站基础架构的替代方案，静态网站生成器日渐盛行。目前前三名基本上为

1. Jekyll Github Pages的默认工具，基于Ruby编写
2. Hugo 基于Go编写
3. Hexo 基于nodejs编写

1.2 定方案

电脑本身很慢了，不想安装Ruby，Go, nodejs。我的网站属于产品展示，目前只有三个页面，决定纯手撕。

2. 静态网站制作

纯html bootstrap css，内容不表，做完效果假想图1，先有目标再行动：

图片.png

（图1）

3. 注册Github，开启Pages

Github这个全球最大的程序员交友站，也是一个代码托管平台，不过大家总是把平台用歪了，做博客就是歪的一个方向。

在注册Github账户后，登录后进入账户首页，图2点击Start a project

图片.png

（图2）

图3中输入正确的repo名称后，点击“Create repository”，就是在创建网站托管的根目录，随后就跳转到托管主界面。

图片.png

（图3）
进入自己的Repo项目（托管主界面），复制项目地址

图片.png
（图4）

4. 上传网站至Repo的master主分支

安装git for windows，安装地址：https://git-scm.com/download/win
安装后打开GitBash，在Gitbash中输入命令：

git clone https://****

敲命令行是这种图像（此图网摘，侵删）：

图片.png

（图5）
clone后，然后将制作好的网页放入文件夹，push到Github命令：

git add -A
git commit -m "init version"
git push  origin master

开启GitHub Pages
注意如果没有push初始版本到master,是无法选master branch的。选择后就相当于开启了，可以通过https://yourID.github.io/yourREPO 访问你的网站。

图片.png
（图6）

5. 购买域名，与Github关联

这块比较简单，首先购买域名，购买后新建A记录和www的CNAME记录，指向你的网页的IP地址，ip地址可以通过ping https://yourID.github.io/yourREPO 得到。

回到上图，在Custom domain中输入你的阿里云域名，保存，可以Enforce HTTPS，Github 用的证书也是Let's Encrypt。想想我们自己配置证书多么麻烦，用Github简直太简单的。这就是产品体验吧。

6. 添加404页面

如果用户输错了地址，还会导入到Github的404页面，体验不好。
不过据说这个功能只有用自己的域名才能行。
方法，将404.html push到项目的根目录。

7. 后记

如果只是写一个个人博客记录文章，不想在建站上花太多时间，Github完全满足您的需求，而且我这里演示的是手撕html，上面提到的几种静态网站生成器都非常完善，再加上有各种模板，整合第三方评论系统，架设小站变得很简单。

唯一遗憾的是，Github全面禁止了百度爬虫，所以如果想要百度收录Github Pages的网站，需要费点周折。

---

图片.png