创建一个 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)
强烈推荐
- 英国代购-畅购英伦
- TopCashBack 返现 (英国购物必备, 积少成多, 我2年来一共得了3000多英镑)
- Quidco 返现 (也是很不错的英国返现网站, 返现率高)
- 注册就送10美元, 免费使用2个月的 DigitalOcean 云主机(性价比超高, 每月只需5美元)
- 注册就送10美元, 免费使用4个月的 Vultr 云主机(性价比超高, 每月只需2.5美元)
- 注册就送10美元, 免费使用2个月的 阿里 云主机(性价比超高, 每月只需4.5美元)
- 注册就送20美元, 免费使用4个月的 Linode 云主机(性价比超高, 每月只需5美元) (折扣码: PodCastInit2022)
- PlusNet 英国光纤(超快, 超划算! 用户名 doctorlai)
- 刷了美国运通信用卡一年得到的积分 换了 485英镑
- 注册就送50英镑 – 英国最便宜最划算的电气提供商
- 能把比特币莱特币变现的银行卡! 不需要手续费就可以把虚拟货币法币兑换
微信公众号: 小赖子的英国生活和资讯 JustYYUK