开源|在GitHub上免费部署自己的网站

一、准备工作

创建 GitHub 账号
- 如果你还没有 GitHub 账号，需要先在GitHub · Build and ship software on a single, collaborative platform · GitHub 注册一个账号。填写用户名、邮箱和密码等信息完成注册。
了解 GitHub Pages 服务
- GitHub Pages 是 GitHub 提供的一项用于托管静态网站的免费服务。它支持从仓库的特定分支（通常是master分支或者gh - pages分支）自动构建和发布网站。

二、创建网站代码仓库

新建仓库
- 登录到 GitHub 账号后，点击右上角的 “+” 图标，选择 “New repository”。
- 为仓库命名，仓库名称格式为你的用户名.github.io（例如，如果你的用户名是exampleuser，仓库名就应该是exampleuser.github.io）。这个仓库名称非常关键，因为它将是你网站的访问域名。
- 可以添加一些仓库描述，然后选择仓库的公开或私有属性。对于部署网站，一般选择公开（public）属性，这样其他人才能访问你的网站。最后点击 “Create repository” 按钮创建仓库。
本地创建网站文件（以 HTML 为例）
- 在本地电脑上创建一个文件夹，用于存放网站文件。例如，创建一个名为my - website - files的文件夹。
- 在这个文件夹中，创建一个简单的 HTML 文件，比如index.html。可以使用任何文本编辑器（如 Notepad++、Visual Studio Code 等）来编写 HTML 代码。以下是一个简单的示例：


html>
<html>
<head>
    <title>我的第一个网站title>
head>
<body>
    <h1>欢迎来到我的网站h1>
    <p>这是一个简单的示例网站。p>
body>
html>

将本地文件推送到 GitHub 仓库
- 首先，需要安装 Git。可以从https://git-scm.com/下载并安装适合你操作系统的 Git 版本。
- 打开终端（在 Windows 上可以使用 Git Bash，在 Mac 和 Linux 上使用终端应用），进入到本地存放网站文件的文件夹（my - website - files）。
- 初始化本地仓库，在终端中输入git init命令。这会在当前文件夹创建一个隐藏的.git文件夹，用于管理版本控制相关的信息。
- 将本地文件添加到 Git 仓库，输入git add.命令。这个命令会将当前文件夹下的所有文件添加到暂存区。
- 提交文件，输入git commit -m "Initial commit"。其中-m后面的内容是提交信息，用于记录本次提交的主要内容。
- 关联远程仓库，在 GitHub 仓库页面找到 “Clone or download” 按钮，复制仓库的 URL。然后在终端中输入git remote add origin [仓库URL]，将本地仓库和远程仓库关联起来。
- 推送文件到远程仓库，输入git push -u origin master命令。这会将本地仓库的master分支内容推送到远程仓库。

三、配置 GitHub Pages 服务

在仓库中设置
- 进入到刚才创建的你的用户名.github.io仓库页面。
- 点击 “Settings” 选项卡。
- 在 “Settings” 页面的左侧菜单中，找到 “Pages” 选项。
- 在 “Source” 部分，选择你的网站文件所在的分支（通常是master分支），然后点击 “Save” 按钮。
等待部署完成
- GitHub 会自动开始构建和部署你的网站。这个过程可能需要几分钟的时间。你可以在 “Pages” 设置页面看到部署状态。
- 当部署完成后，你可以通过访问你的用户名.github.io来查看你的网站。

除了 HTML 文件，你还可以添加 CSS 样式表、JavaScript 脚本等来丰富你的网站内容。如果你的网站是基于一些静态网站生成器（如 Jekyll、Hugo 等）构建的，也可以按照这些工具的要求将生成的静态文件部署到 GitHub Pages 上。