惯性聚合 高效追踪和阅读你感兴趣的博客、新闻、科技资讯
阅读原文 在惯性聚合中打开

推荐订阅源

小众软件
小众软件
量子位
阮一峰的网络日志
阮一峰的网络日志
OSCHINA 社区最新新闻
OSCHINA 社区最新新闻
美团技术团队
J
Java Code Geeks
Apple Machine Learning Research
Apple Machine Learning Research
腾讯CDC
V
Visual Studio Blog
酷 壳 – CoolShell
酷 壳 – CoolShell
博客园 - 三生石上(FineUI控件)
IT之家
IT之家
博客园 - 【当耐特】
L
LangChain Blog
A
About on SuperTechFans
钛媒体:引领未来商业与生活新知
钛媒体:引领未来商业与生活新知
N
Netflix TechBlog - Medium
博客园_首页
WordPress大学
WordPress大学
博客园 - Franky
Engineering at Meta
Engineering at Meta
C
Check Point Blog
aimingoo的专栏
aimingoo的专栏
M
MIT News - Artificial intelligence

Xuan's blog

CipherTalk 密语使用教程:AI克隆微信联系人与聊天记录导出 - Xuan 微信小程序申请「深度合成-AI问答」类目全过程 - Xuan Handsome 主题添加侧边栏恋爱计时模块 - Xuan's blog 记录我的第一次网恋奔现 春节到了,给typecho博客网站添加两对3D红灯笼 - Xuan's blog ChatLab 详细使用:用AI 分析和对象的微信聊天记录 最新教程:使用UnlockMusic解锁主流音乐平台VIP歌曲的加密保护 Windows 本地安装并使用 OpenClaw(原 clawdbot)教程 UnlockMusic 本地构建、服务器部署与浏览器扩展制作教程 Gemini 3 学生认证教程:免费领取Google AI Pro全部福利 CommentAI - Typecho博客AI智能评论回复插件 PC掌玩下载与使用:在手机上畅玩 Steam 游戏
修复一下 Handsome 主题顶部统计图表不显示的问题 - Xuan
xuan · 2026-07-25 · via Xuan's blog

问题

点击导航栏饼图图标,下拉面板里各图表一直 Loading...


原因

统计图表由 core.min.js 驱动,点击饼图后依次:加载 ECharts → 请求统计数据 → 渲染图表,任一步失败都不显示。

步骤失败原因
加载 EChartsECHART_CDN 配错,路径拼成 .../echarts.min.js/echarts.min.js → 404
请求数据接口 /?action=get_blog_statistic 被 CDN 缓存污染,返回首页 HTML 而非 JSON
渲染图表前两步成功才会执行

修复步骤

core.min.js 是混淆文件,而且以后还要升级,不宜直接改。ECharts 路径可通过配置修正;统计接口 URL 写死在 core 里,只能在 footer 拦截 $.getJSON 改写请求地址。

1. 修正 ECharts 路径

编辑 usr/themes/handsome/component/header.php,将 ECHART_CDN 改为本地静态目录:

ECHART_CDN: '<?php echo rtrim(STATIC_PATH, "/"); ?>/static/js',

core 会拼上 /echarts.min.js,最终加载 {STATIC_PATH}static/js/echarts.min.js。使用自定义静态 CDN 时需同步该文件。

2. 拦截统计接口

编辑 usr/themes/handsome/component/footer.php,在 core.min.js 引用之后插入脚本。core 写死的 /?action=get_blog_statistic 在 CDN 下会拿到首页缓存,拦截后改走 /index.php?action=... 即可绕过。

代码:

此处内容需要评论回复后(审核通过)方可阅读。


验证

强刷页面,点击饼图图标,图表正常显示即可。

赞赏作者

如果觉得我的文章对你有用,请随意赞赏