工学调剂信息网 · 云端部署详细教程 - Cloudflare Pages / Vercel / 腾讯云COS / GitHub Pages

💡

本教程适用对象

本站是纯静态 HTML/CSS/JS 站点（无后端、无构建步骤），部署极其简单。本教程面向零基础用户，覆盖 4 种主流方案，从注册账号到上线全流程图文说明。

第〇步 · 部署前检查清单

开始部署前，请确认以下事项已完成：

本地站点可在浏览器正常打开（已通过 python -m http.server 验证）
所有内部链接使用相对路径（如 assets/css/style.css，而非绝对路径）—— 本站已符合
已准备好自定义域名（可选，各平台均提供免费子域名）
如需国内访问，已确认域名是否完成 ICP 备案（腾讯云/阿里云方案需备案）
已注册对应平台的账号（Cloudflare / Vercel / 腾讯云 / GitHub）

⚠️

关于域名配置

本站所有 canonical、Open Graph、JSON-LD 中的 URL 已配置为 tiaojizhan.com。如未来更换域名，可执行第四步的批量替换一次性更新。

第一步 · 方案对比与选择

方案	费用	国内访问	全球CDN	自定义域名	难度	备案要求
Cloudflare Pages 推荐	免费	良好	✓	✓ 免费	⭐ 简单	否
Vercel 免费	免费	一般（偶尔不稳）	✓	✓ 免费	⭐ 简单	否
腾讯云 COS 国内	约 ¥1-10/月	最快	✓ 需配CDN	✓	⭐⭐ 中等	需备案
GitHub Pages	免费	较差	部分	✓	⭐ 简单	否

🎯

选择建议

• 追求免费 + 全球访问：选 Cloudflare Pages（方案 A）
• 追求国内访问速度：选腾讯云 COS（方案 C，需备案）
• 追求部署最简单：选 Vercel（方案 B）
• 已有 GitHub 仓库：选 GitHub Pages（方案 D）

本站推荐 Cloudflare Pages：免费、全球 CDN、无需备案、自定义域名免费、HTTPS 自动配置，综合最优。

方案 A · Cloudflare Pages（推荐）

Cloudflare Pages 推荐免费

全球 CDN、免费 HTTPS、无限带宽、无需备案、支持 Git 自动部署或直接上传。

方式一：直接上传（无需 Git 仓库）

适合不想用 Git 的用户，最快 5 分钟上线。

注册 Cloudflare 账号

访问 dash.cloudflare.com/sign-up，用邮箱注册（推荐使用常用邮箱，便于接收部署通知）。

进入 Pages 控制台

登录后，在左侧导航找到 "Workers 和 Pages" → 点击 "创建应用程序" → 选择 "Pages" 标签页 → 点击 "直接上传"。

创建项目并命名

输入项目名称，如 kaoyan-tiaoji（将成为子域名的一部分，最终访问地址为 kaoyan-tiaoji.pages.dev）。点击"创建项目"。

上传站点文件

Cloudflare 不支持上传文件夹，需要把整个站点目录打包为 ZIP 压缩包后上传：

# 在项目根目录执行，打包除 .workbuddy 外的所有文件
cd "D:/AITry/work buddy/tj网站"
zip -r site.zip . -x ".workbuddy/*" ".git/*"
              

然后在 Cloudflare 控制台点击"选择文件"，上传 site.zip，点击"部署站点"。

等待部署完成

通常 30 秒内完成。部署成功后会显示访问地址：https://kaoyan-tiaoji.pages.dev，点击即可访问。

方式二：连接 Git 仓库（推荐长期使用）

连接 GitHub/GitLab 仓库后，每次推送代码自动触发部署，适合持续维护。

创建 GitHub 仓库并上传代码

# 在项目根目录初始化并推送
cd "D:/AITry/work buddy/tj网站"
git init
git add .
git commit -m "初始提交：工学调剂信息网"
git branch -M main
git remote add origin https://github.com/你的用户名/kaoyan-tiaoji.git
git push -u origin main
              

注意：先在 GitHub 网页创建空仓库 kaoyan-tiaoji，不要勾选初始化 README。

在 Cloudflare 连接仓库

Cloudflare Pages → 创建应用程序 → Pages → "连接到 Git" → 授权 GitHub → 选择刚才的仓库。

配置构建设置

本站是纯静态站点，无需构建。配置如下：

框架预设	无（None）
构建命令	留空
构建输出目录	`/`（根目录）
根目录	`/`

点击"保存并部署"。首次部署约 1 分钟，之后每次 git push 自动重新部署。

方案 B · Vercel

Vercel 免费

部署最简单，但国内访问偶尔不稳定。适合快速预览。

注册 Vercel 账号

访问 vercel.com/signup，推荐用 GitHub 账号一键登录（后续部署更方便）。

方式一：CLI 直接部署（无需 Git）

安装 Vercel CLI 并部署：

# 安装 Vercel CLI（需要 Node.js）
npm i -g vercel

# 进入项目目录
cd "D:/AITry/work buddy/tj网站"

# 登录（首次会打开浏览器授权）
vercel login

# 部署（按提示选择，全部回车即可）
vercel --prod
              

部署完成后会输出访问地址，如 kaoyan-tiaoji.vercel.app。

方式二：通过 Git 仓库导入

先按方案 A 第 1 步把代码推到 GitHub，然后在 Vercel 控制台点击 "Add New Project" → 选择 GitHub 仓库 → 配置：

Framework Preset	Other
Build Command	留空
Output Directory	`.`（当前目录）

点击"Deploy"，30 秒内完成。

方案 C · 腾讯云 COS 静态托管（国内最优）

腾讯云 COS 静态网站托管国内

国内访问速度最快，但需要域名 ICP 备案，适合正式上线运营。

⚠️

前置要求

使用腾讯云 COS 托管静态网站并绑定自定义域名，必须先完成 ICP 备案（约 7-20 个工作日）。如仅使用腾讯云默认域名（.cos-website.ap-*.myqcloud.com）则无需备案，但域名较长且不利于 SEO。

创建 COS 存储桶

登录腾讯云 COS 控制台 → 存储桶列表 → 创建存储桶：

名称：kaoyan-tiaoji（自定义）
地域：选择离目标用户近的（如华北-北京、华东-上海）
访问权限：选公有读私有写（必须，否则网页无法公开访问）

上传站点文件

进入存储桶 → 文件列表 → 上传文件。可上传文件夹或打包上传。注意：上传后保持目录结构（assets/css/style.css 等路径不变）。

或使用 COSCLI 命令行工具批量上传：

# 安装 coscli 后配置好账号，执行同步
coscli sync "D:/AITry/work buddy/tj网站" cos://kaoyan-tiaoji --exclude ".workbuddy/*"
              

开启静态网站托管

存储桶 → 权限管理 → 静态网站 → 开启"静态网站"：

索引文档	`index.html`
错误文档	`404.html`

保存后会生成访问域名：https://kaoyan-tiaoji.cos-website.ap-beijing.myqcloud.com

配置 CDN 加速（可选但推荐）

进入 CDN 控制台 → 域名管理 → 添加域名：

域名：填入已备案的自定义域名
源站类型：COS 源，选择刚才的存储桶
加速类型：CDN 网页加速
HTTPS：申请免费证书并开启强制跳转

方案 D · GitHub Pages

GitHub Pages 免费

完全免费、与 Git 深度集成，但国内访问较慢。适合开源项目展示。

创建特殊命名的仓库

有两种方式获得 username.github.io 形式的访问地址：

方式一（推荐）：创建名为 <你的用户名>.github.io 的仓库，把站点文件推到 main 分支根目录
方式二：任意仓库，把站点推到 gh-pages 分支，或 main 分支的 /docs 目录

推送代码

cd "D:/AITry/work buddy/tj网站"
git init
git add .
git commit -m "初始提交"
git branch -M main
git remote add origin https://github.com/你的用户名/你的用户名.github.io.git
git push -u origin main
              

开启 Pages

仓库 Settings → Pages → Source 选择 Deploy from a branch → Branch 选 main / /(root) → Save。

等待 1-2 分钟，访问 https://你的用户名.github.io 即可。

第三步 · 自定义域名配置

免费子域名（如 *.pages.dev）不利于品牌建设和 SEO，建议绑定自定义域名。

购买域名

在腾讯云、阿里云、Namecheap、Cloudflare Registrar 等平台购买域名。推荐 .com 或 .cn（国内用户熟悉）。

在部署平台添加自定义域名

Cloudflare Pages：项目 → Custom domains → Set up a custom domain → 输入域名 → 按提示添加 CNAME 记录
Vercel：Project → Settings → Domains → Add → 按提示配置 DNS
腾讯云：在 CDN 控制台添加域名并配置 CNAME

配置 DNS 解析

在域名注册商的 DNS 管理页面添加记录。以 Cloudflare Pages 为例：

类型	名称	值	说明
CNAME	@ 或 www	`kaoyan-tiaoji.pages.dev`	主域名指向 Pages
CNAME	www	`kaoyan-tiaoji.pages.dev`	www 子域名

DNS 生效通常需要几分钟到 48 小时。Cloudflare Pages 会自动签发并续期 HTTPS 证书。

第四步 · 批量替换 tiaojizhan.com

部署到真实域名后，需把所有 tiaojizhan.com 替换为真实域名。提供一个 Python 脚本一键完成：

# replace-domain.py - 批量替换 tiaojizhan.com 为真实域名
# 用法：python replace-domain.py 你的域名.com

import os, sys, re

OLD_DOMAIN = "tiaojizhan.com"
NEW_DOMAIN = sys.argv[1] if len(sys.argv) > 1 else "你的域名.com"

ROOT = os.path.dirname(os.path.abspath(__file__))
EXTS = (".html", ".xml", ".txt", ".webmanifest")
SKIP = (".workbuddy", ".git", "replace-domain.py")

count_files = 0
count_replacements = 0

for dirpath, dirnames, filenames in os.walk(ROOT):
    if any(s in dirpath for s in SKIP):
        continue
    for fn in filenames:
        if not fn.endswith(EXTS) or fn in SKIP:
            continue
        fp = os.path.join(dirpath, fn)
        with open(fp, "r", encoding="utf-8") as f:
            content = f.read()
        new_content = content.replace(OLD_DOMAIN, NEW_DOMAIN)
        if new_content != content:
            with open(fp, "w", encoding="utf-8") as f:
                f.write(new_content)
            n = content.count(OLD_DOMAIN)
            count_files += 1
            count_replacements += n
            print(f"  ✓ {fp}  ({n} 处替换)")

print(f"\n完成：共修改 {count_files} 个文件，替换 {count_replacements} 处")
print(f"  {OLD_DOMAIN} → {NEW_DOMAIN}")
        

使用方法：

cd "D:/AITry/work buddy/tj网站"
python replace-domain.py tiaoji.com
        

⚠️

替换前请备份

执行替换前建议 git commit 保存当前状态，或复制一份备份目录，避免误操作。

第五步 · 部署后验证

部署完成后，逐一确认以下事项：

访问根域名，首页正常加载（样式、图片无 404）
访问 /sitemap.xml，能正常返回 XML
访问 /robots.txt，能正常返回文本
访问不存在的页面，能跳转到 404 页
HTTPS 证书有效（浏览器地址栏显示🔒）
移动端访问，导航汉堡菜单可正常展开
用 Google 富媒体搜索结果测试验证结构化数据
在 Google Search Console 提交 sitemap.xml
在 Bing Webmaster Tools 提交站点
在百度搜索资源平台提交站点（国内 SEO 重要）

常见问题

部署后样式丢失 / 图片 404？ +

通常是路径问题。检查：

所有引用使用相对路径（assets/css/style.css），不是绝对路径（/assets/css/style.css）
上传时保留了目录结构，assets/ 文件夹完整上传
GitHub Pages 若部署在子路径（如 username.github.io/repo），需把相对路径改为 ./assets/...

Cloudflare Pages 部署后访问空白？ +

检查构建输出目录配置。本站是纯静态，构建输出目录应设为根目录 /，而非 dist 或 build。如果用了 ZIP 上传，确保解压后 index.html 在根目录。

如何让搜索引擎快速收录？ +

在 Google Search Console / Bing Webmaster / 百度站长平台添加站点并验证所有权
提交 sitemap.xml（各平台都有"提交站点地图"入口）
请求索引首页（Google Search Console 的"网址检查"功能）
在 robots.txt 中明确允许主流爬虫（本站已配置）
等待 1-7 天，搜索引擎会自动爬取并收录

如何让 AI 助手引用我的内容？ +

本站已做好的关键配置：

robots.txt 已显式允许 GPTBot、ClaudeBot、PerplexityBot、Google-Extended、Bytespider 等 AI 爬虫
每页注入对应 Schema.org JSON-LD（FAQPage / HowTo / Article 等是 AI 最易引用的类型）
事实密度高（数字、日期、政策原文），AI 引用时不易出错
每个 FAQ 有独立锚点，可精确引用

上线后保持内容更新（尤其每年国家线公布后），AI 模型重新训练时会纳入最新内容。

更新内容后如何重新部署？ +

Git 自动部署（Cloudflare/Vercel/GitHub Pages）：修改文件后 git push，1-2 分钟自动重新部署
手动上传（Cloudflare ZIP / 腾讯云 COS）：重新打包上传，覆盖旧文件
Vercel CLI：在项目目录执行 vercel --prod

部署后 404 页面不生效？ +

各平台配置 404 页的方式不同：

Cloudflare Pages：自动识别根目录的 404.html
Vercel：自动识别 404.html
GitHub Pages：自动识别 404.html
腾讯云 COS：需在"静态网站"配置中手动指定错误文档为 404.html

工学调剂信息网 · 云端部署详细教程

第〇步 · 部署前检查清单

第一步 · 方案对比与选择

方案 A · Cloudflare Pages（推荐）

Cloudflare Pages 推荐 免费

方式一：直接上传（无需 Git 仓库）

注册 Cloudflare 账号

进入 Pages 控制台

创建项目并命名

上传站点文件

等待部署完成

方式二：连接 Git 仓库（推荐长期使用）

创建 GitHub 仓库并上传代码

在 Cloudflare 连接仓库

配置构建设置

方案 B · Vercel

Vercel 免费

注册 Vercel 账号

方式一：CLI 直接部署（无需 Git）

方式二：通过 Git 仓库导入

方案 C · 腾讯云 COS 静态托管（国内最优）

腾讯云 COS 静态网站托管 国内

创建 COS 存储桶

上传站点文件

开启静态网站托管

配置 CDN 加速（可选但推荐）

方案 D · GitHub Pages

GitHub Pages 免费

创建特殊命名的仓库

推送代码

开启 Pages

第三步 · 自定义域名配置

购买域名

在部署平台添加自定义域名

配置 DNS 解析

第四步 · 批量替换 tiaojizhan.com

第五步 · 部署后验证

常见问题

Cloudflare Pages 推荐免费

腾讯云 COS 静态网站托管国内