在线平台不适合做正式个人主页，因其仅为代码沙盒，内容不持久、不支持多页跳转、无法托管静态资源、不能绑定自定义域名；仅适合临时调试与协作。
直接用 HTML 在线平台做个人主页，行不通——它能帮你预览，但没法真正上线、没法绑定域名、没法长期访问，更没法让别人点开就看到你的作品。
为什么在线运行平台不适合做正式个人主页
在线平台（比如 JSFiddle、CodePen、HTML Online Editor）本质是「代码沙盒」，所有内容只存在浏览器内存或临时服务器上。你关掉页面，代码就丢了；你没导出，别人根本打不开你的链接；你加了 img 标签想放头像？路径一写错就是 404，因为平台不托管你的图片文件。
-
img src="photo.jpg"在 CodePen 里会报错：找不到文件 —— 它不读你本地磁盘 - 你写的
contact.html页面，在 JSFiddle 里根本没法跳转 —— 没有真实文件系统支持多页 - 所有“分享链接”都带平台域名（如
codepen.io/xxx），不是你自己的域名，也不利于简历投递和品牌建立
哪些场景下可以临时用在线平台
它适合验证单段逻辑、快速试排版、给同事发个可点击的 demo 链接看样式，但仅限「临时协作」或「学习调试」。
- 想确认
flex布局在不同屏幕宽度下是否塌陷？粘贴进去调@media立刻可见 - 面试前 10 分钟要发一个可交互的「技能标签云」效果？用 CodePen 写好，复制链接发过去就行
- 教新手理解
header/main/footer的语义结构？在线改标签，实时看 DOM 变化
真要上线，必须走这三步：本地写 → 本地预览 → 部署上传
绕不开文件系统，就得老老实实建文件夹、写 index.html、配 ./assets/images/ 路径。VS Code + Live Server 扩展是目前最顺手的组合：改完保存，浏览器自动刷新，路径写对了就能加载图片、CSS、字体，一切行为和线上一致。
立即学习“前端免费学习笔记（深入）”；
-
index.html必须放在根目录，不能藏在子文件夹里，否则部署后首页 404 - 所有资源路径用相对路径：
./images/avatar.png，别用绝对路径/images/avatar.png（除非你确定部署在根域名下） - 部署时别只传
index.html——styles/style.css和assets/文件夹也得一起上传，缺一个就断样式或图
真正的个人主页，从来不是“写完就能用”，而是“路径写对了、文件传全了、链接能点开、别人搜得到”。在线平台省不了这个过程，它只是把「验证环节」搬到了网页里而已。
