这个问题的关键不是 HTML 本身，而是“放到哪里”和“别人以什么方式打开”。按下面顺序操作即可。 ## 一、先确认平台支不支持自定义 HTML 登录 https://app.collegehub.cn/ 进入「我的主页」，看右侧或设置里有没有这些入口： - 「自定义页面 / 编辑 HTML / 富文本编辑器 / 嵌入代码（iframe、script）」 - 「外链 / 个人主页链接 / 自定义域名」 有： 1. 把整份 HTML 复制进去（如果是富文本编辑器，切到 HTML/源码模式再粘贴）。 2. 保存后，用无痕窗口或换个设备打开你的主页网址，确认脚本没被过滤。 3. 分享时用平台自带的「分享」按钮给别人，别人点开就是你的主页。 没有： 说明主页只能放文字、头像、链接，不能直接承载你的 HTML。只能走下面的外部托管，主页只放一个跳转链接或二维码。 ## 二、外部托管（最推荐、最快） **Netlify Drop（30 秒搞定）** 1. 把文件命名为 `index.html`。 2. 打开 https://app.netlify.com/drop ，把文件拖进去。 3. 等几秒，得到 `https://随机名字.netlify.app` 这个地址，这就是分享链接。 **Vercel / Cloudflare Pages / GitHub Pages** - Vercel：拖拽或 `git push` 到仓库，自动部署并给预览域名。 - Cloudflare Pages：Dashboard → Workers & Pages → Create → Pages → Direct upload，或连接 Git 仓库。 - GitHub Pages：新建仓库 → 上传 `index.html` 到根目录 → Settings → Pages → Source 选 `Deploy from a branch` + `main` / `root` → 保存，等 1–2 分钟，访问 `https://你的用户名.github.io/仓库名`。 - 想要长期稳定、可绑定自己域名，选 Cloudflare Pages 或 GitHub Pages 更合适。 ## 三、分享给别人 - 直接发上面的 URL。 - 生成二维码（如草料二维码、QR Code Monkey），印在海报或主页简介里。 - 微信/钉钉里发链接时附一句「用浏览器打开」，部分 App 会拦截 HTML 页面或限制脚本。 - 短链可以用 is.gd、tinyurl 之类的工具缩短，便于口头传播。 ## 四、几个容易踩的坑 - 必须自称名单文件：CSS、JS、图片全部内联或相对路径引用，且资源跟着一起上传，否则打开是空白。 - 别用 `file://` 直接发文件，微信/邮件都打不开。 - 不要把身份证号、手机号、学校内部系统地址写进页面，也不要把账号密码写在前端 JS 里。 - 页面里若引用了 Google Fonts、CDN 脚本，国内访问可能加载失败，改用系统字体或内联。 - 部分平台会加 `X-Frame-Options`，导致 iframe 嵌入失败，这种情况只能用独立域名。 - 平台规则可能禁止站外导流，先看清「我的主页」条款，避免被限流或封号。 ## 五、最省事的组合方案 把 HTML 传到 Netlify Drop 拿到链接 → 在 collegehub 主页简介里写「个人主页：<链接>」并放二维码 → 分享二维码或链接给别人。这样不用改 HTML，也不依赖平台是否支持自定义代码。