文章目录
要使用GitHub创建静态网页链接,可以按照以下详细步骤进行操作:
一、准备阶段
注册GitHub账号:
- 访问GitHub官网。
- 点击右上角的“Sign up”按钮进行注册。
- 根据提示输入邮箱和密码,完成注册流程。
二、创建仓库并配置
- 创建新仓库:
- 登录GitHub账号后,点击主页右上角的“+”按钮,选择“New repository”。
- 在“Repository name”文本框中输入符合 命名规范(用户名.github.io) 的仓库名称。
- 选择仓库的可见性为“Public”,以便你的网页可以公开访问。
- 点击“Create repository”按钮创建仓库。
- 创建分支(可选):
- 虽然GitHub Pages默认支持从主分支(main或master)部署,但你也可以选择创建一个专门的分支(如gh-pages)来存放你的静态网站文件。
- 在仓库页面的右上角,点击下拉菜单选择当前分支,然后点击“New branch”按钮创建一个新分支。
三、准备并上传静态网站文件
- 创建静态网站文件:
- 在本地计算机上创建一个文件夹,用于存放你的静态网站文件。
- 在该文件夹中创建HTML、CSS、JavaScript等网页文件,并添加所需的图片、样式表等资源文件。
- 点击此处
- 上传:
把创建好的文件直接拉取到此处
四、配置GitHub Pages
- 启用GitHub Pages:
- 打开GitHub仓库的页面,点击上方的“Settings”选项卡。
- 在左侧菜单中找到并点击“Pages”选项。
- 获取静态网页链接:
在“Pages”部分,你会看到GitHub Pages为你生成的静态网页链接,点击该链接即可查看你的静态网站。
五、访问和更新你的静态网页
- 访问静态网页:
在浏览器中打开GitHub Pages为你生成的静态网页链接。
- 更新静态网页:
- 每次你对静态网站文件进行更改后,都需要重复上述的Git提交和推送步骤,将更新后的文件推送到GitHub仓库。
- GitHub Pages会自动构建并部署你的更新,通常几分钟后你就可以在网页上看到更新后的内容。