HTML文件双击打不开的主因是扩展名错误（如.html.txt）或浏览器未正确关联，应确保文件后缀为.html、编码UTF-8、结构完整，并优先用右键“在浏览器中打开”或本地服务器调试。

直接复制粘贴就能跑，但多数人卡在“保存成什么格式”和“双击打不开”这两步——核心就一条：.html 后缀必须正确，且不能是 .txt 或 .html.txt。

保存文件时后缀名必须是 .html

Windows 默认会隐藏已知文件扩展名，你看到的 “love” 实际可能是 “love.txt”。哪怕内容完全正确，双击也只会用记事本打开、不会运行。

• 新建文本文件 → 右键「重命名」→ 输入 love.html（注意：不是 love.html.txt）
• 如果系统提示“更改扩展名可能使文件不可用”，点「是」
• 若仍失败，进「文件夹选项」→ 勾选「显示隐藏的文件和扩展名」→ 手动删掉多余的 .txt

代码里不能漏掉 <script></script> 或 <canvas></canvas> 标签

很多“爱心代码”依赖 HTML5 的 <canvas></canvas> 渲染或 JS 动画逻辑。如果只复制了 CSS 部分（比如只有一堆 .heart::before），页面只会显示一个静止红方块，没有跳动、没有粒子、不叫“爱心代码”。

• 完整代码必须包含三块：<style></style>（样式）、<canvas></canvas> 或 <div>（容器）、<code><script></script>（动画逻辑）
• 常见错误：把 JS 代码单独存成 script.js，但 HTML 里没写 <script src="script.js"></script>，结果白屏
• 最省事做法：所有代码（HTML+CSS+JS）全塞进一个 .html 文件里，从  开始，到 <code>