根本原因是浏览器阻止混合内容：https页面中含http资源链接，导致样式脚本丢失、布局崩溃；宝塔强制https仅加重定向和hsts，不修改源码中的http链接。
为什么强制 HTTPS 后页面排版错乱
根本原因是浏览器阻止了混合内容（mixed content）：页面本身通过 https:// 加载，但源码里仍存在 http:// 开头的 CSS、JS、图片或字体链接，这些资源被现代浏览器直接拦截不加载，导致样式丢失、脚本失效、布局崩溃。
宝塔面板勾选「强制 HTTPS」只是加了 301 重定向和 HSTS 头，并不会自动改你网站源码里的链接——这点很多人误以为“开了 HTTPS 就万事大吉”，结果首页白屏或按钮消失。
确认哪些 HTTP 资源被阻断
打开 Chrome 或 Edge，按 F12 → 切到 Console 标签页，刷新页面。看到类似这样的报错就是线索：
Mixed Content: The page at 'https://example.com/' was loaded over HTTPS, but requested an insecure stylesheet 'http://example.com/css/style.css'. This request has been blocked.
注意看报错里出现的 http:// 地址，它们就是你要批量替换的目标。
- 优先检查
<link rel="stylesheet">、<script src></script>、<img src>、<link href>（如字体）等标签中的http:// - 部分主题或插件会把 CDN 地址写死在 PHP 模板里（比如
echo 'http://cdn.example.com/jquery.js'），这类也要搜 - WordPress 用户额外留意
wp-config.php中的WP_HOME和WP_SITEURL是否仍为http
安全批量替换 HTTP 链接为 HTTPS
别用全局文本替换工具无脑搜 http:// —— 那会把 https:// 错替成 httpss://，或者把数据库连接字符串也干掉。必须带上下文精确匹配。
推荐用 sed（Linux 服务器）或 VS Code 的「文件夹内搜索替换」（Windows/macOS 本地编辑）：
- 只替换开头的
http://+ 域名（如http://example.com），命令示例：sed -i "s#http://example.com#https://example.com#g" /www/wwwroot/example.com/*.php
- 替换通用 CDN 或静态资源路径（如
http://cdn.example.com）：sed -i "s#http://cdn\.example\.com#https://cdn.example.com#g" /www/wwwroot/example.com/**/*.{php,html,js,css}（注意点号要转义） - HTML 模板中常见写法：
<img src="http://example.com/uploads/%20%E2%86%92%20%E6%9B%BF%E6%8D%A2%E4%B8%BA%20<img%20src=?x-oss-process=image/resize,p_40" https:>，正则建议用 <code>src="http://([^"]+)"→src="https://$1"（VS Code 支持） - PHP 中拼接 URL 的情况（如
$url = 'http://' . $_SERVER['HTTP_HOST'] . '/assets/js/app.js';）不能靠文本替换，得手动改成'https://'或用is_ssl()判断
替换后必须验证的三个地方
改完不是一推就完事。很多错乱是“看起来正常”，实则埋雷：
- 打开浏览器开发者工具 →
Network标签页 → 刷新页面 → 看所有请求的Protocol列是否全是h2或https，且状态码全为200；如果有blocked:mixed-content，说明还有漏网之鱼 - 检查页面源码（右键 → 查看网页源代码），搜索
http://，确认 HTML 输出里已无明文http://外链（注意：AJAX 接口地址、第三方统计 JS 里的http://也要扫） - 如果用了缓存插件（如 WP Super Cache、Redis）、CDN（Cloudflare）、反向代理（Nginx 缓存），务必清空所有缓存层，否则你看到的是旧的 HTTP 版本
最常被忽略的是 WordPress 的「媒体库」附件链接——上传时生成的 http:// URL 存在数据库里，前端输出仍是 HTTP。这种得用插件（如 Better Search Replace）连数据库一起扫，但操作前必须备份。
