帖子

GitHub Pages搭建个人网站指南

怎么免费搭建个人网站是个老生常谈的话题了，对于一个纯HTML网站来说，使用GitHub Pages来搭建，目前来说是一个首选方案，其特点是免费、稳定、高速、可拓展性强。本文将详细讲述GitHub Pages搭建网站的教程。

一、网站地址和账号

搭建 GitHub Pages 需要先注册 GitHub 账号：前往 GitHub 官网完成注册，注册的用户名就是子域名的名称。
Github支持自定义域名，可将自己注册的域名做为网站域名，如果不付费注册域名的话，也可以免费使用Github提供的子域名。
用户网站主站的站点的域名为：仓库名必须为 用户名.github.io，全局唯一，对应根域名站点。
用户项目站点（子站）：任意仓库均可开启，站点地址为 用户名.github.io/仓库名，适合搭建项目文档站。

二、基础环境搭建与首次部署

1. 创建仓库
登录 GitHub 账号，点击首页右上角「+」号，选择 New repository 新建仓库：
仓库名称严格填写：你的GitHub用户名.github.io（必须和账号用户名完全一致，大小写敏感），仓库权限选择 Public（公开）（私有仓库无法免费启用 Pages 服务），点击底部 Create repository 完成创建。
2. 本地环境
本地环境有很多选择，推荐使用 VS Code + Git 组合，在 VS Code 中可以用 AI 来创建一个网站，如果有现成做好的网站，文件数量很多的话，建议用 git 命令行来操作。
克隆仓库到本地：
git clone https://github.com/用户名/用户名....
cd 用户名.github.io
3. 基础文件结构与首次提交
网站默认入口文件为 index.html，将你做好的网站html文件全部复制过来。
使用下面的命令提交并推送网站的代码：
git add .
git commit -m "init: upload all html files"
git push -u origin main
返回仓库主页，点击顶部导航栏 Settings（设置），左侧侧边栏下滑找到并点击 Pages 选项，在 Build and deployment 部署区域，设置参数，选择 Deploy from a branch，选择 main 分支，选择 / (root) 根目录，点击右侧 Save 保存配置。
等待一会儿之后，访问 https://用户名.github.io 即可看到个人页面。

三、自定义域名

默认二级域名较长，绑定自定义域名后，网站更专业、更具个人标识，GitHub Pages 免费支持 HTTPS 加密。
购买域名推荐用Cloudflare。
添加 CNAME 记录：在域名 DNS 管理中添加 CNAME 记录，主机名为 @ 或 www，指向 用户名.github.io。
仓库配置：在 GitHub 仓库设置中启用「Custom domain」并输入域名。勾选 Enforce HTTPS，开启全站加密访问。
等待几分钟解析生效，即可通过自定义域名访问网站。

原文：https://x.com/williamlong/s...