500错误页需服务器配置ErrorDocument或error_page指令指向静态HTML文件，且必须返回500状态码、内联样式、无外部依赖。
500 错误页面本身不归 HTML 控制——它由服务器返回，但你可以用纯 HTML/CSS 实现一个符合规范、能被服务器正确响应的静态 500 页面。
为什么直接放 500.html 到根目录不一定生效
Apache、Nginx 或云平台（如 Vercel、Cloudflare Pages）对自定义错误页的支持方式不同。关键不是“有没有这个文件”，而是服务器是否配置了 ErrorDocument 500（Apache）或 error_page 500（Nginx）指向它。
- 静态托管服务（如 GitHub Pages）不支持自定义 500 响应——它只返回自己的默认 500 页，你放的
500.html完全不会被触发 - Apache 需在
.htaccess或虚拟主机配置中显式写：ErrorDocument 500 /500.html - Nginx 要在 server 块里加：
error_page 500 /500.html;，并确保location /500.html可公开访问 - 响应头必须是
HTTP/1.1 500 Internal Server Error，不能是 200 —— 浏览器和爬虫依赖状态码判断异常
500.html 必须包含的最小结构
不需要 JS，不要引用外部 CSS/字体（CDN 可能不可用），所有样式内联，文字内容直给。服务器崩溃时，连静态资源都可能加载失败。
Article To Html
下载
文章转信息图。将文章/笔记转化为手机可读的 HTML 信息图，自动匹配视觉风格。触发场景：文章转图、笔记转图、信息图、转小红书图、做张图、可视化这篇文章、文生图。
- 开头必须有
<!DOCTYPE html>和<html lang="zh-CN">，避免怪异模式 -
<meta charset="UTF-8">必须存在，防止中文乱码 - 禁止使用
<link rel="stylesheet">或<script>标签 - 所有样式写在
<style>标签内，用类名或元素选择器，别依赖 JS 操作 DOM - 推荐加上一句简明提示，比如：“服务器开小差了，请稍后再试”，避免用户反复刷新加重负载
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<title>500 Internal Server Error</title>
<style>
body { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; line-height: 1.6; color: #333; text-align: center; margin: 0; padding: 4rem 1rem; background: #f9f9f9; }
h1 { font-size: 2.5rem; color: #e74c3c; margin-bottom: 1rem; }
p { font-size: 1.1rem; max-width: 600px; margin: 0 auto; }
.code { background: #333; color: #fff; padding: 0.25em 0.5em; border-radius: 3px; font-family: monospace; }
</style>
</head>
<body>
<h1>出错了</h1>
<p>服务器内部错误（<pre class="brush:php;toolbar:false;">
<H3>常见踩坑：CSS 或路径导致 500 页面变成白屏或 404</H3>
<p>很多开发者把 <code>500.html 放在子目录（如 /errors/500.html），却没同步更新服务器配置里的路径，结果用户看到的是 Nginx 默认 404，而不是你的 500 页。立即学习“前端免费学习笔记（深入）”；
- 确保
500.html和网站入口（如index.html）在同一层级，或配置中路径完全匹配 - 不要在
500.html里用相对路径引用图片或字体，例如../images/logo.png—— 当前请求 URL 不确定，相对路径极易失效 - 如果用了 SVG 内联图标，确保是完整 base64 或内联
<svg>，别用<img src="icon.svg"> - 检查服务器日志：若看到
"GET /500.html" 404，说明路径配错了；若看到"GET /500.html" 200，说明状态码没设对，浏览器以为这是个正常页面
最易被忽略的一点：本地双击打开 500.html 看起来正常，不代表上线就有效——它必须经由服务器以 500 状态码返回，且响应头 Content-Type: text/html 正确。调试时用 curl -I https://yoursite.com/trigger-500 确认状态码和 header，比肉眼刷新可靠得多。
