输入自己买的域名可以访问到自己github上的网页

需求:在腾讯云上买了一个域名,现在想通过在浏览器中输入域名,能打开自己写的网页.

步骤:

1、在github上面新建一个仓库,必须公开的仓库,不能是私有的,把项目代码push进去。 一定要仓库下面直接是文件,不要又包一层文件夹。这里我的页面内容在是a.html里面。

这里有个问题:我本来是想,直接域名输完就可以访问到页面的,但是不行,在chatGPT上搜了下,说建一个index.html页面,然后里面重定向到 a.html上,就可以实现输入域名直接访问页面。但是试了下并不行,还是域名输完后要输入口文件才行www.anniexcathee.love/a.html a.html不能省略 index.html文件内容如下

2、找到这个项目的settings的Pages,然后如下图做一些配置, 这里custom domain先别配置,等第3步完成了再来配置 域名前面也可以没有www,这个主要看你的域名里面怎么配置的,往下看会有

别忘了勾选 Enforce HTTPS,这样你的网址 通过https协议访问

3、进入你买域名的网站,我是在腾讯云上买的域名,进入域名管理后,点击添加记录,新添加一条,主机记录我这里写的是www. 我是这样配置的

4、再回到 github 项目对应的 setting pages里面,在custom domain里面加上自己购买的域名,加好后点保存

5、最后根据生成的网址,在浏览器中打开,末尾加上自己的入口文件,就可以看到了

总结: 最后按照上面的步骤,总算实现了。安卓手机打开可能会比较慢,因为使用的github,加上图片也大,800k-1.2M

最后说一个自己遇到的适配问题: div之间会有空白间隙,我这里页面上是5个div,里面放的图片,所以浏览器上打开网页后发现,每个div之间都有 4px的空白。 解决:div 上 加margin-bottom: -4px 加上后发现,安卓手机 和电脑上都没问题,但是 苹果手机上还是有 1px的留白。因为我这个是 个人简单网页,要求不复杂,所以修改就是:手机移动端时,把-4px改成-5px

相关推荐
鬼手点金10 分钟前
从 API 消息到模型 Token:Chat Template
java·前端·javascript·数据库·人工智能·深度学习·1024程序员节
Shadow(⊙o⊙)14 分钟前
LangChain 自定义工具全解析:从 @tool 到 bind_tools 的完整调用链路
java·服务器·前端·1024程序员节
小poop1 小时前
HTML 基础入门:从结构到常用标签详解
前端
jiangliushi61 小时前
GPT-6.1 Sol 免费用:PowerShell 装 Codex 报“禁止运行脚本 npm.ps1”?一条命令解决
前端·gpt·npm
计算机魔术师1 小时前
日均500万亿词元,国内推理速度翻倍却仍落后国外——差距卡在哪
前端
excel1 小时前
用 Node.js 搭建一套可持续获客的 SEO 内容系统:前端工程师 30 天实战方案
前端·后端
yma161 小时前
从零搭建 P2P 聊天室:yma16.cloud 在线工具实战
前端·1024程序员节
思码梁田3 小时前
CSS 浏览器厂商前缀:从「写 5 遍」到现代自动化兼容
前端·css·css3·border-radius·1024程序员节·box-shadow·厂商前缀
Bug收容所3 小时前
Vue+JS Day3
前端·javascript·vue.js·前端框架·1024程序员节