创建一个 GitHub Pages 站点是一个简单的过程,可以免费为你的个人、项目或组织创建网站/博客。按照此指南开始。
步骤 1:创建 GitHub 仓库
- 登录你的 GitHub 账户。
- 点击“新建”来创建仓库。
- 对于个人站点,命名为
.github.io。 - 对于项目站点,使用任何有效的名称。
步骤 2:添加你的站点文件
使用以下命令克隆仓库到本地机器:
git clone https://github.com/<username>/<repository-name>.git
创建一个 index.html 文件,包含你想要的内容。这里是一个例子:
<!DOCTYPE html>
<title>我的 GitHub 页面</title>
<h1>欢迎访问我的站点</h1>
<p>这是我的第一个 GitHub Pages 站点。</p>
或者,你可以使用 README.md(Markdown)作为首页。
## 我的 Github 页面
### 欢迎访问我的站点
THis is my first Github Pages site.
将你的更改提交并推送到 GitHub:
git add .
git commit -m "Initial commit"
git push origin main
步骤 3:启用 GitHub Pages
- 转到你的仓库设置。
- 在侧边栏点击“Pages”。
- 在“源”下选择分支(例如,main)和文件夹(如果适用)。
- 点击“保存”。
步骤 4:查看你的站点
- 对于个人站点:访问 https://<username>.github.io/。
- 对于项目站点:访问 https://<username>.github.io/<repository-name>/。
步骤 5:自定义你的站点
要添加主题,请转到 Pages 设置并选择“选择一个主题”。
你还可以上传额外的 HTML、CSS 和 JavaScript 文件以进行进一步的自定义。
为什么 GitHub Pages 是“无服务器静态应用” / Serverless Apps
GitHub Pages 作为无服务器静态应用运行,因为它们直接向用户提供预构建的静态 HTML、CSS 和 JavaScript 文件,而不依赖后端服务器或运行时动态内容生成。相反,这些文件托管在 GitHub 的全球内容分发网络(CDN)上,确保快速有效的交付。
优点:
- GitHub 提供的免费托管。
- 不需要服务器维护。
- 由于 CDN 分布,加载速度快。
- 简化了静态站点的部署和扩展。
缺点:
- 仅限于静态内容;不支持像数据库这样的服务器端功能。
- 高级工作流的自定义需要技术知识。
- 依赖于 GitHub 的基础设施。
GitHub Pages 的总结
GitHub Pages 是一个令人赞叹的免费托管网站的工具。只需几步,你就可以为你的项目、作品集或个人使用创建一个站点。通过利用无服务器模型,你可以构建轻量、高效且维护最小的站点。
英文:How to Setup and Create GitHub Pages (Serverless Static Apps)
本文一共 587 个汉字, 你数一下对不对.上一篇: 教娃编程有趣的瞬间 vlog视频集合
下一篇: 时代不同, 我儿子10岁就能通过github pages做一个静态网站
扫描二维码,分享本文到微信朋友圈
