基于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…
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容，请联系我们，一经查实，本站将立刻删除。
如需转载请保留出处：https://51itzy.com/kjqy/23828.html