【Github】cloudflare+gitPages+解析域名定制自己的网站

时间:2024-04-07 07:30:42

Github Pages是通过我们网站托管和发布的公开网页

本文就以简单图文描述介绍部署自己的Github Pages

步骤一:Github网站注册自己的账号

网站:https://github.com

 

步骤二:新建repository

【Github】cloudflare+gitPages+解析域名定制自己的网站

步骤三:clone这个项目到本地

这里不详细描述,clone到本地用idea编辑器或者其他制作你的网站,包含index.html文件

 

步骤四:push项目

将步骤三编辑好的项目push到github上

 

步骤五:设置github pages

以本人的项目为例

【Github】cloudflare+gitPages+解析域名定制自己的网站

这里注意:一定采用xxx.github.io 这种格式,xxx代表的是你注册github是的名字,这样就可以使用xxx.github.io访问你的项目静态index.html了

步骤六:域名解析

这里注意一下,因为空间使用的是国外的github所以不需要备案审核,使用国际域名可以直接解析,如果是国内域名就必须备案了

我以xxx.com的域名为例,采用阿里云域名解析

增加一条域名解析 CNAME    www  默认 xxx.github.io 几分钟后就可以了www.xxx.com访问你的github pages的网站了

 

步骤七:使用cloudflare加速,并支持SSL ,本人没有开启

网址:https://www.cloudflare.com/ 注册 登录

添加 网址 xxx.com

选择免费计划

 

步骤八:修改DNS服务器

因为要访问国外空间,cloudflare提供了更佳的DNS服务器,修改如下

【Github】cloudflare+gitPages+解析域名定制自己的网站

【Github】cloudflare+gitPages+解析域名定制自己的网站

 

步骤九:github pages设置自定义域名

【Github】cloudflare+gitPages+解析域名定制自己的网站

 

这样就可以通过http://www.xxx.com访问你的托管网址了,如果想做博客的话,也可以做个参考