如何在GitHub上部署你的网站

1. 简介

GitHub是一个非常流行的代码托管平台,其中许多开发者不仅使用它来存储代码,还将它作为部署网站的工具。在本篇文章中,我们将介绍如何在GitHub上部署网站。

2. 创建仓库

首先,在GitHub上创建一个仓库。如果您没有账户,请先创建一个。创建仓库需要以下步骤:

2.1. 点击“New”按钮

在您的GitHub首页中,点击右上角的“New”按钮。

//代码示例

2.2. 填写仓库信息

为您的仓库命名,并填写可选的描述(它并非必需)。选择是公共仓库还是私有仓库。

请注意:

公共仓库可以被其他开发者访问并查看,而私有仓库只能被您和您邀请的仅限少数的开发者访问。

对于部署网站,只需使用公共仓库。

2.3. 创建仓库

点击下方的“Create repository”按钮,您将进入到您的新仓库页面。

在仓库页面左侧有一个菜单,其中包含有许多功能。让我们来学习一下如何使用这些功能。

3. 上传代码

下面是如何在GitHub上上传您的代码:

3.1. 使用GitHub Desktop

首先,下载GitHub的官方桌面应用程序,称为GitHub Desktop。它可以在https://desktop.github.com/下载。

在GitHub Desktop中,选择您新创建的仓库,将您的代码上传到仓库中:

//代码示例

3.2. 使用Git命令行

如果您更喜欢使用命令行,可以使用Git。使用Git时,您将需要执行以下步骤:

在您的本地计算机上创建一个新文件夹,并在此文件夹中输入以下命令来初始化它作为一个Git仓库:

git init

将您的代码复制到新文件夹中。

使用以下命令将文件夹中的所有文件添加到Git的暂存区中:

git add .

使用以下命令将上传提交到您的GitHub仓库中:

git commit -m "Initial commit"

git remote add origin https://github.com/user/repo.git

git push -u origin master

4. 部署网站

现在您已成功上传了您的代码,让我们开始部署您的网站。

4.1. 选择一个分支

在您的GitHub仓库中,选择您要使用的分支。通常是master分支。

4.2. 进入“Settings”页面

从您的仓库页面的菜单中选择“Settings”选项,您将进入到您的仓库设置页面。

4.3. 滑动到“GitHub Pages”位置

从侧边栏中选择“GitHub Pages”选项。

在“Source”选项中,选择使用GitHub Pages发布网站的分支。通常是master分支。

如果您的站点是在项目的根目录下,请将“Root”选项留空。否则,请输入包含站点的文件夹名称。

点击“Save”按钮。

4.4. 等待几分钟

GitHub Pages将自动构建和部署您的网站。它可能需要几分钟才能完成。构建完成后,您的网站将会在“GitHub Pages”中列出您的网站地址。

5. 自定义域名

您可以将您自己的域名指向到GitHub Pages。要做到这一点,您需要:

5.1. 创建一个CNAME文件

创建一个名为CNAME的文件,其中包含您的自定义域名。该文件应放在站点的根目录下。例如,如果您的自定义域名为example.com,则CNAME文件应包含以下内容:

example.com

5.2. 更新DNS解析

在您的域名注册商处,添加一个CNAME记录,该记录指向您的用户名.github.io。例如:

example.com CNAME username.github.io

请注意,这可能需要24小时左右的时间才能生效。

6. 结论

现在您已经知道了如何在GitHub上部署网站。无论您是一个开发者还是一个爱好者,这是一个非常有用的技能。现在,去尝试一下吧!