基于GitHub搭建个人网站
基于GitHub搭建个人网站
基于GitHub搭建个人网站
当你撸完一份自己的个人网站,然后想让别人去访问它,
怎么办?去买个服务器,也太贵了吧! 下面,利用GitHub来教你搞定!(不要钱的那种)
1.前期准备
-
gitHub账号一个
-
源代码一份
-
域名一个(可选)
-
打包路径配置:一般为项目名称,自定义域名就是根目录了
2.GitHub配置
打开项目仓库
新版配置
进入Settings
,找到Pages
选项
-
source选择:
deploy from branch
-
branch:选择
gh-pages
,这里的gh-pages
统一由ci
生成,用于存放打包后的代码
添加之后,过几分钟刷新下,出现 Your site is live at https://wforguo.github.io/vue3-quick-start/
即配置成功
如果说,访问是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 https://forguo.cn
点击就可以访问了,大功告成了。
ending…
更多推荐
所有评论(0)