利用GitHub和NetLify建立一个网站

前提

  • 注册有GitHub账号
  • 已有购买好的域名

因为本人的Vultr服务器准备要耗尽资金了,而且用的是静态网页,所以干脆凭着静态网页的优势找了一家静态网页托管服务免费使用到明天(域名到期)。

开始吧↓↓↓↓↓

开始

GitHub

我们要利用GitHub来托管我们的静态网页文件。

Github新建仓库

由于我们并不会用到GitHub Pages,所以项目名字可以随便填自己喜欢的,然后项目是否公开也取决于自己;现在GitHub允许免费用户建立三个私人仓库,所以建议大家还是选择私人仓库好了。

接下来直接上传你的静态网页文件即可

上传

上传完毕后像这样就行了(有index文件即可)
完成

Netlify

接下来访问 https://app.netlify.com/ 进入 Netlify

直接使用GitHub账号登录即可…

成功进入之后它会提出访问你账号仓库的权限申请,所有都选择同意即可。

接下来看到这个页面

选择右上角的New site from git后,选择GitHub;接下来再次进行授权后就看到一个选择仓库的页面

选择仓库后Netlify会自动获取Master分支下的文件,之后你会看到这样的页面
概览

Cloudflare

接下来就是DNS解析的事情了,我在Godaday买的域名,然后修改成了Cloudflare的DNS域名服务器,所以我会在Cloudflare上进行操作

在Netlify中点击Domains setting,选择Add custom domain

输入自己的域名之后它会问你这个域名已被使用,是否是你自己的域名?

选择是后,就添加成功了,接下来按照Netlify的指示添加相应的信息进Cloudflare即可,就像这样…

Cloudflare

SSL

Netlify有免费的SSL服务:

进入Domains Setting > HTTPS

即可开启。

一般需要一点时间

启动之后去打打游戏,刷刷番,回来看看有没有启动成功即可。

SSL

后记

Netlify对带有中文的URL不太友好,不过不怎么影响访问。只是可能刷新的时候会出现问题。