# 什么是 GitHub 页面

GitHub 是一个共享虚拟主机服务,用于存放使用 Git 版本控制的软件代码和内容项目,github 有一个很有爱的项目,叫做 github pages,这个项目是给开发者建立一个私人页面,上面用来分享新颖的想法和自己写的代码。

# 开启 Github Pages

首先我们需要注册 Github 账号,进入Github站点,然后新建仓库,仓库名为用户名+github.io,eg(clearives.github.io),接下来 github 会默认开启 Github pages,然后我们就能将此当做一个静态服务器了,可以在上面提交你想要显示的东西了。

# 开启 HTTPS

我们进入前面建立的仓库设置界面,我们可以如下操作 :

开启HTTPS

这里我们看到设置的是自己的域名,而不是 github 默认给的二级域名,关于域名,我们可以自己申请,然后将其解析到我们 Github pages 的地址,然后我们即可通过自己的域名访问 Github pages 了。

此时,HTTPS 已经开启。

# HTTP 访问不了了

前一步,我们开启了 HTTPS,可是当我们直接输域名的时候,发现默认走的 HTTP,页面打不开,此时我网上找到的方法是 cloudflare,不知道有没有其他方法,暂时还没找到,如果大家知道,希望能告诉我。

这里 cloudflare,我们主要做一个 301 跳转,也就是访问http://clearives.github.io,自动跳转到https://clearives.github.io,接下来我们这样操作:

首先创建 CloudFlare 帐户,并添加网站,选择免费套餐吧,哈哈哈,然后我们会得到 2 个域名服务器,我们将这两个地址替换掉我们域名服务商默认的两个地址,此时我们的界面是:

Cloudflare is now protecting your site

然后我们进入 page-rules,新增如下规则:

page-rules.png

这里我们需要注意一点,crypto 页面 ssl 设置我们要选择 Full 或者 Full(strict),不然我们的页面会因为重定向过多被浏览器屏蔽。

到这里,我们的重定向已经处理完成了,现在访问http://clearives.github.io,自动跳转到https://clearives.github.io,nice。

# 其他

整个过程还是比较简单的,希望有兴趣的朋友可以自己试试,网站搭起来,你就可以在上面随意的发挥了,我这个博客已经换了 4 次了,从一开始的 wordpress 到 hexo,再到 jelly,再到现在的 vuepress,怎么说呢,有时候就想折腾一下,如果有什么问题,或者意见,欢迎大家在下面留言,谢谢。

更新于: 6/6/2024, 11:24:29 AM