搭建个人网站---域名+解析+github

一般搭建网站是需要域名+解析+服务器才能够让他人访问到自己创建的网站,但是我们可以通过将域名挂靠在github的服务器上就能够直接让别人进行访问。

首先来个总体的步骤
1.注册域名,设置域名解析
2.编写网站代码,并传到新建的代码仓库
3.注册登录GitHub账号,创建一个远程代码仓库(repository)
4.将域名和创建网站代码仓库相关联
最后,就可以访问了

详细步骤(注意的一些要点)

1.注册域名

想有一个能够让别人访问的网站, 最起码需要有一个自己的域名。
国内域名提供商:

  • 阿里云
  • 百度云
  • 腾讯云
  • 西部数码

我主要用阿里云进行介绍:
首先还是需要注册–>登录–>实名认证–>如果是学生还可以学生认证(有优惠)
搭建个人网站---域名+解析+github
接下来就是了解域名的有关知识和如何购买解析域名,域名学习路径 这里已经很详细的说明了步骤。大家跟着去做就好了,文字不够的话最底部还有视频来凑。

2.注册登录GitHub账号,创建远程代码仓库

相信这个大家都能够顺利操作,注册登录的话可以看 敲开 GitHub 的大门

我主要是说明创建代码库要注意的要点:
搭建个人网站---域名+解析+github
GitHub为每个注册的用户提供了一个专有的网址,所以Repository name 一定是[用户名].github.io这样的格式,并且设为Public,这样就能够将自己的域名和GitHub关联起来。

3.编写网站代码,并传到新建的代码仓库

此时就可以将自己写好的网站代码上传到代码库。
此处我就引用vno-jekyll的开源网站项目,暂且将其引用为例子。
搭建个人网站---域名+解析+github
注意:用户名/[用户名].github.io要对应一致。

接下来有一个很重要的步骤:

在该项目下新建文件,命名为CNAME,内容为你注册的域名。
搭建个人网站---域名+解析+github
这样我们就完成了前三步

4. 将域名和创建网站代码仓库相关联

我主要还是说注意事项:
解析域名
记录类型:CNAME
主机记录:@或者www均可
解析线路:默认
记录值:[用户名].github.io 很关键
搭建个人网站---域名+解析+github

5.最后一步,检测

首先我们要检查 域名是否工作
其次再打开远程代码仓库的Settings,看GitHub Pages是否正常。
搭建个人网站---域名+解析+github
如果都没有问题,在浏览器地址栏输入:
http://主机记录值.域名
(例如http://crazyqiqi.top/),就可以转到自己的网站了。