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上部署网站。无论您是一个开发者还是一个爱好者,这是一个非常有用的技能。现在,去尝试一下吧!