基于GitHub搭建个人网站

966 阅读4分钟

基于GitHub搭建个人网站

我的个人站点

github.com/wforguo

当你撸完一份自己的个人网站,然后想让别人去访问它,

怎么办?去买个服务器,也太贵了吧! 下面,利用GitHub来教你搞定!(不要钱的那种)


1.前期准备

  • gitHub账号一个

  • 源代码一份

  • 域名一个(可选)


2.GitHub配置

  • 1.首先,肯定要将自己的代码上传到GitHub仓库

  • 2.打开项目仓库,配置开始

找到 Settings选项

Settings

如下,进入到了设置页面

GitHub Settings

找到 黄色标记的地方,即GitHub Pages,下面有一段描述

GitHub Pages is designed to host your personal, organization, or project pages from a GitHub repository.

使用也很简单,配置就行了。

1.点击红色标记的None下拉选择你代码的分支

GitHub Pages

3..再次打开Settings到 GitHub Pages 出现如下页面,就说明配置好了

GitHub Pages

3.点击上面的链接就可以去访问你的站点了!

如果说,访问是404,那就说明配置还未及时响应到,等几分钟就好了!


3. 域名解析配置

如果说你觉得GitHub提供的域名不好记,或者觉得不爽,

那你可以用自己申请的域名去指向GitHub提供的GitHub Pages链接

也就是做一个域名解析

在这里我的域名是在腾讯云申请的,并且备案过的(最好备案)

1.首先登陆到腾讯云

需要你自己申请账号和域名

登录之后进入到云产品云解析下面

云解析

2.添加域名解析到列表

在这里点击添加解析,添加你的域名到列表里面(我这里已经添加过了)

添加解析

点击你已经添加好的域名,与入到解析设置页面,

这里你能看到你所添加的所有的解析记录;

点击添加记录去添加一条解析解析记录

解析列表

弹出红色添加框,我们只需要去填写 主机记录记录类型记录值就可以,其它默认

添加解析记录

在这里主机记录记录类型记录值分别代表什么呢?

在你点击到对应的选项,输入框下面也有相应的说明

下面来解释下:

主机记录

主机记录就是域名前缀,常见用法有:

主机记录: 结果
www: 解析后的域名为 www.forguo.com
@: 直接解析主域名 forguo.com
*: 泛解析,匹配其他所有域名 *.forguo.com
mail: 将域名解析为 mail.forguo.com,通常用于解析邮箱服务器
二级域名: 如:abc.forguo.com,填写abc
手机网站: 如:m.forguo.com,填写m

在这里你可以根据自己的需求,解析成@、*或者二级域名

f2e.forguo.com 就属于二级域名

记录类型:

要将你的域名解析到何处,

将域名指向云服务器,请选择「A」

将域名指向另一个域名,请选择「CNAME」

建立邮箱请选择「MX」,根据邮箱服务商提供的MX记录填写。

在这里我们需要解析到一个域名,选择CNAME

记录类型: 结果
A记录: 地址记录,用来指定域名的IPv4地址(如:8.8.8.8),如果需要将域名指向一个IP地址,就需要添加A记录。
CNAME: 如果需要将域名指向另一个域名,再由另一个域名提供ip地址,就需要添加CNAME记录。
NS: 域名服务器记录,如果需要把子域名交给其他DNS服务商解析,就需要添加NS记录。
AAA: 用来指定主机名(或域名)对应的IPv6地址(例如:ff06:0:0:0:0:0:0:c3)记录。
MX: 如果需要设置邮箱,让邮箱能收到邮件,就需要添加MX记录。

记录值

填写一个域名,如:cloud.tencent.com

这里写的就是你在GitHub上面的链接,只需要 wforguo.github.io

不需要写全部 wforguo.github.io/f2e, 后面项目名称f2e省略不要

当你配置完成之后他会给你后面加个.,这个是没影响的


4.自定义域名添加

最后一步,我们只需要在GitHub的GitHub Pages中添加Custom domain即可,

填写你的域名,并保存即可;

如果你的域名有https证书,勾选 Enforce HTTPS就可以用https来访问了

自定义域名

添加完成,上面的提示也会改变

Your site is published at f2e.forguo.com

点击就可以访问了,大功告成了。


ending...