用 Cursor 上线自己的网站：GitHub Pages + 自定义域名全流程

成本说明（不骗人）

只做技术展示的话，一分钱不花也能上线（yourname.github.io 免费子域名）。想用自己的域名，全年成本约 ¥70–300。

第一步：准备工具

1. 注册 GitHub 账号：访问 github.com，用邮箱注册，取一个英文用户名（这将成为你免费子域名的一部分：https://你的用户名.github.io）
2. 安装并开通 Cursor：下载安装后通过邀请链接注册（首月 Pro 只需 $10）
3. 连接 GitHub 账号：Cursor 设置里搜索「GitHub」，按提示完成授权（会弹出浏览器让你登录并授权）

用 Cursor 创建网站（不用写代码）

新建文件夹并用 Cursor 打开

在电脑上建一个文件夹（例如 my-website），Cursor → 文件 → 打开文件夹，选中它。

打开 Composer，直接说你要什么

按 Ctrl+Shift+I（macOS：Cmd+Shift+I）打开 Composer，把下面这段话粘贴进去：

我想做一个个人展示网站，用纯 HTML/CSS，不需要任何构建工具，
可以直接在 GitHub Pages 上托管。

请帮我生成：
1. index.html：个人主页，包含自我介绍、技能、联系方式
2. style.css：现代简洁的样式，有响应式布局
3. README.md：说明文件

网站风格：简洁专业，暂时用占位文字，后面我自己改。

Cursor 会自动在文件夹里生成这三个文件。

让 Cursor 帮你改内容

在 Chat 面板（右侧）直接用中文说：

把 index.html 里的自我介绍改成：我是一名摄影爱好者，喜欢旅行和记录生活……

或者选中 HTML 文件里某段文字，按 Ctrl+K / Cmd+K，输入修改指令，Cursor 直接在文件里改好。

本地预览效果

在 Cursor 扩展市场安装 Live Server 插件，右键 index.html → Open with Live Server，浏览器自动打开预览。或者直接双击 index.html 用浏览器查看。

通过 Cursor 界面推送到 GitHub（不用命令行）

1. 点击左侧 源代码管理图标（树枝分叉图标，快捷键 Ctrl+Shift+G）
2. 点击 「初始化仓库」
3. 在消息框输入提交说明，例如：网站首版
4. 点击 「提交」 旁的下拉箭头 → 「提交并推送」
5. 首次弹出「发布分支」选项：选 「发布到 GitHub」 → 输入仓库名（例如 my-website）→ 选「公开仓库」→ 确认

开启 GitHub Pages（免费托管上线）

1. 打开 GitHub，进入你的仓库（github.com/你的用户名/my-website）
2. 点击上方 Settings 标签
3. 左侧找到 Pages
4. Source 选 Deploy from a branch
5. Branch 选 main，目录选 / (root)
6. 点击 Save

等 1–2 分钟，GitHub 会给你一个 URL：https://你的用户名.github.io/my-website，用这个 URL 就能访问你的网站了，完全免费。

注册域名

如果想用自己的域名，推荐在 Cloudflare Registrar 注册：价格透明无加价（成本价转售），DNS 管理与域名在同一个面板，后续绑定最省事。

1. 访问 cloudflare.com 注册免费账号
2. 左侧菜单 → Domain Registration → 搜索你想要的域名
3. 选择 .com（约 $10/年）或其他后缀，结账付款
4. 注册完成后，该域名的 DNS 管理自动在 Cloudflare

国内支付：Cloudflare 支持 Visa / Mastercard 双标卡、PayPal。国内银行开通的 Visa 卡可以直接用。

绑定自定义域名到 GitHub Pages

第一步：GitHub 仓库设置自定义域名

1. 进入 GitHub 仓库 → Settings → Pages
2. 在 Custom domain 栏填入你的域名，例如 www.yourdomain.com
3. 点击 Save
4. 勾选 Enforce HTTPS

GitHub 会自动为你申请 SSL 证书（Let's Encrypt），等几分钟即可。

第二步：在 Cloudflare DNS 添加 CNAME 记录

登录 Cloudflare → 选中你的域名 → DNS → 记录 → 添加记录：

验证绑定成功

等 5–10 分钟 DNS 生效后，访问 https://www.yourdomain.com 能看到你的网站，浏览器显示锁头图标（HTTPS 正常）即成功。

根域名（不带 www）

同时想让 yourdomain.com（不带 www）也能访问，在 Cloudflare DNS 再添加：

并在 GitHub Pages Custom domain 里填 yourdomain.com（不带 www），GitHub 会自动将带 www 和不带 www 都指向同一页面。

用 Cursor 持续维护网站

网站上线只是开始，后续维护同样不需要会写代码：

• 添加新页面：Composer 里说「帮我添加一个 blog.html 博客列表页」，改好后在源代码管理面板提交推送
• 修改样式：Chat 里说「把导航栏背景改成深蓝色」，Cursor 直接帮你改
• 排查问题：描述问题让 Cursor 找原因并修复

常用提示词模板

帮我在 index.html 里添加一个作品展示区域，用网格布局，
每个作品卡片有图片、标题和描述，最多展示 6 个，
样式和现有页面保持一致。

相关教程

• Cursor 完整教程（注册 / 模型选型 / Agent 详解）
• Cursor 通过 SSH 连接 Linux 远程开发
• 机场订阅指南（配合高端模型使用）