通过GitHub创建个人网页链接的详细步骤

通过GitHub创建个人网页链接的详细步骤

引用

CSDN

1.

https://blog.csdn.net/qq_63447955/article/details/142759435

要使用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会自动构建并部署你的更新，通常几分钟后你就可以在网页上看到更新后的内容。