后端开发工程师-DevOps与自动化部署-GitHub_GitHubPages：创建与部署静态网站.docx

PAGE1

PAGE1

GitHub与GitHubPages简介

1GitHub基础概念

GitHub是一个基于Web的Git仓库托管服务，它不仅提供免费的Git仓库，还提供了一系列的协作功能，如bug跟踪、功能请求、任务管理以及代码片段分享等。GitHub是全球最大的开源社区，开发者可以在这里托管代码、分享项目、参与开源项目、学习新技术、寻找工作机会等。

1.1什么是Git？

Git是一个开源的分布式版本控制系统，用于跟踪在软件开发过程中对文件所做的修改。它可以帮助开发者管理代码的变更历史，支持多人协作开发，确保代码的完整性和安全性。

1.2GitHub账号创建

访问GitHub官网：/

点击右上角的“Signup”按钮，填写注册信息。

验证邮箱，完成账号创建。

1.3创建GitHub仓库

登录GitHub账号。

点击右上角的加号图标，选择“Newrepository”。

填写仓库名称、描述，选择公开或私有仓库，点击“Createrepository”。

2GitHubPages的工作原理

GitHubPages是GitHub提供的一项免费服务，用于托管静态网站。它允许用户使用GitHub仓库来存储网站的HTML、CSS、JavaScript等静态文件，然后通过GitHub的服务器将这些文件转换成一个可访问的网站。GitHubPages支持自定义域名，可以用于个人博客、项目展示、文档发布等场景。

2.1如何创建GitHubPages

创建仓库：在GitHub上创建一个新的仓库，仓库名需要遵循特定的命名规则。对于用户或组织的个人网站，仓库名应为username.github.io或organizationname.github.io。对于项目网站，仓库名可以是任意的，但需要在仓库中创建一个名为ghs的分支。

编写静态文件：在本地创建HTML、CSS、JavaScript等静态文件，编写网站内容。

提交代码：使用Git将本地的静态文件提交到GitHub仓库。

启用GitHubPages：在仓库的设置页面中，找到“GitHubPages”部分，选择发布分支，通常是main分支或ghs分支，然后点击“Save”。

访问网站：启用后，GitHub会自动将仓库中的静态文件转换成网站，并提供一个访问链接，通常是https://username.github.io或https://username.github.io/repositoryname。

2.2示例：创建并部署一个简单的GitHubPages网站

假设我们想要创建一个简单的个人博客网站，以下是具体步骤：

创建仓库：在GitHub上创建一个名为yourusername.github.io的仓库。

初始化本地仓库：

gitinit

添加静态文件：在本地仓库中创建一个index.html文件，内容如下：

!DOCTYPEhtml

htmllang=en

head

metacharset=UTF-8

metaname=viewportcontent=width=device-width,initial-scale=1.0

titleYourPersonalBlog/title

/head

body

h1WelcometoMyBlog/h1

pThisismyfirstpost./p

/body

/html

提交代码：

gitadd.

gitcommit-mInitialcommit

gitremoteaddorigin/yourusername/yourusername.github.io.git

gitpush-uoriginmain

启用GitHubPages：在仓库的设置页面中，找到“GitHubPages”部分，选择发布分支为main，然后点击“Save”。

访问网站：现在，你可以在https://yourusername.github.io上访问你的个人博客网站了。

通过以上步骤，我们成功地创建并部署了一个简单的GitHubPages网站。GitHubPages是一个非常方便的工具，它可以帮助我们快速地创建和部署静态网站，而无需担心服务器的配置和维护。#创建GitHub账户与仓库

3注册GitHub账户

GitHub是一个全球最大的代码托管平台，它不仅支持版本控制，还提供了丰富的功能，如项目管理、团队协作、代码审查等。要开始使用GitHubPages创建和部署静态网站，首先需要注册一个GitHub账户。

3.1步骤1：访问GitHub官网

打开浏览器，访问GitHub的官方网站：/。

3.2步骤2：注册账户

点击页面右上角的“Si