Web表白界面

准备工作

Web教程

  1. Fork项目（复制粘贴）
    • 进入项目地址
    • 点击Fork（记得给大佬点个Star！）
    • Fork到自己的仓库下，名字自己命名（保持默认也行），直接点击create fork！
    • 进入自己Fork的代码下（自己可以预览看看那个代码好看）
  2. 修改信息
    • 这里我以WEB 032举例
    • 点击Web ，找到032 ，点击index.html !
    • 点右上角的铅笔Editthisfile 编辑文件
    • 例如，代码第7行的title后的小孙同学 改成自己想改的名字！
    • 然后，代码第270行的h1后的小孙同学 && 小爱同学改成自己想改的名字！
    • 右上角直接点击提交！
  3. 如何部署
    • 上面点击settings，然后左侧找到page
    • 这里的Github Pages，就可以用来免费地发布这个静态页面
    • 这里Branch下面，先选一个分支，直接是根目录（main/root）然后直接点击Save
    • 保存完毕后，等待个1分钟左右，然后刷新一下页面，上面显示我的网站已经上线了
    • 在自己的网站后面输入/Web/032/（网站的全称是：https://[username].github.io/Awesome-Love-Code/Web/032/）
    • 现在，你就完成了基本的网页部署！
  4. 进阶玩法1（使用自己的域名进行部署）
    • 网页已经上线了，但是这个URL实在是不好看（太长了），怎么修改哪？
    • 进入到Cloudflare，点击网站
    • 我已经在Cloudflare托管了一个域名！
    • 首先点击DNS纪录，添加4个A类型的域名解析，IP地址就填写Github对应的网关服务器的IP地址
    • 四个IP地址为：185.199.108.153，185.199.109.153，185.199.110.153，185.199.111.153
    • 然后再添加一个CNAME类型的域名，目标这里就填这个[username].github.io，然后点击保存
    • 然后，域名的5个DNS记录就填好了
    • 再回到刚才的Github设置，下面有Custom Domain（就是自定义域名），填自己买的那个域名，然后点击保存
    • 然后Github会对这个DNS进行确认，域名下面这里打上对号（显示DNS设置正确了），这样就完成了
    • 查看设置后的效果！复制链接：https://[购买域名]/Web/032/
  5. 进阶玩法2（使用自己的域名进行部署）
    • 如果/Web/032/这一块也不想要，这里可以这样改
    • 第一种：我们最喜欢的那个页面，有个文件为index.html，直接复制到项目的根目录里来，然后提交代码
    • 第二种：在上一步骤中，添加一个CNAME类型的DNS记录时，目标这里就填这个[username].github.io/Web/032/，然后点击保存

记得点个关注，后期会在B站发布视频教程