通过github创建自己网页链接的方法

要使用GitHub创建静态网页链接,可以按照以下详细步骤进行操作:

一、准备阶段

注册GitHub账号

  • 访问GitHub官网
  • 点击右上角的“Sign up”按钮进行注册。
  • 根据提示输入邮箱和密码,完成注册流程。

二、创建仓库并配置

  1. 创建新仓库
  • 登录GitHub账号后,点击主页右上角的“+”按钮,选择“New repository”。

在这里插入图片描述

  • 在“Repository name”文本框中输入符合 命名规范(用户名.github.io) 的仓库名称。
  • 选择仓库的可见性为“Public”,以便你的网页可以公开访问。
  • 点击“Create repository”按钮创建仓库。
    在这里插入图片描述
  1. 创建分支(可选)
  • 虽然GitHub Pages默认支持从主分支(main或master)部署,但你也可以选择创建一个专门的分支(如gh-pages)来存放你的静态网站文件。
  • 在仓库页面的右上角,点击下拉菜单选择当前分支,然后点击“New branch”按钮创建一个新分支。

三、准备并上传静态网站文件

  1. 创建静态网站文件
  • 在本地计算机上创建一个文件夹,用于存放你的静态网站文件。
  • 在该文件夹中创建HTML、CSS、JavaScript等网页文件,并添加所需的图片、样式表等资源文件。
  • 点击此处
    在这里插入图片描述
  1. 上传
    把创建好的文件直接拉取到此处
    在这里插入图片描述

四、配置GitHub Pages

  1. 启用GitHub Pages
  • 打开GitHub仓库的页面,点击上方的“Settings”选项卡。
  • 在左侧菜单中找到并点击“Pages”选项。

在这里插入图片描述

  1. 获取静态网页链接

在“Pages”部分,你会看到GitHub Pages为你生成的静态网页链接,点击该链接即可查看你的静态网站。

在这里插入图片描述

五、访问和更新你的静态网页

  1. 访问静态网页

在浏览器中打开GitHub Pages为你生成的静态网页链接。

在这里插入图片描述

  1. 更新静态网页
  • 每次你对静态网站文件进行更改后,都需要重复上述的Git提交和推送步骤,将更新后的文件推送到GitHub仓库。
  • GitHub Pages会自动构建并部署你的更新,通常几分钟后你就可以在网页上看到更新后的内容。
评论 10
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值