数据驱动：我是如何构建我的网站内容分析页面的
💡
原文中文，约2100字，阅读约需5分钟。
📝
内容提要
本文介绍了作者开发的新网站内容分析页面，提供多维度统计、交互式图表和数据筛选功能，帮助用户直观了解创作情况。通过前后端分离的自动化流程，优化了数据处理和加载性能，提升了用户体验。
🎯
关键要点
- 作者开发了一个全新的内容分析页面，帮助用户直观了解网站创作情况。
- 分析页面提供多维度统计、交互式图表和数据筛选功能。
- 页面展示总内容数、语言分布、年均发布量等核心指标。
- 使用 Chart.js 生成年度发布趋势、月度分布、分类和标签占比等图表。
- 支持按语言、内容类型、年份范围和分类进行动态筛选，实时更新数据。
- 设计了前后端分离的自动化数据处理流程，优化了数据处理和加载性能。
- 数据提取通过 Node.js 脚本扫描 Markdown 文件，提取元数据。
- 数据压缩使用 pako 库将 JSON 文件压缩成 Gzip 格式，减少文件体积。
- 前端加载时异步请求压缩数据文件，保证良好的加载性能。
- 内容分析页面成为作者深入了解创作内容的工具，并规划未来创作方向。
❓
延伸问答
内容分析页面的主要功能是什么？
内容分析页面提供多维度统计、交互式图表、数据筛选功能，展示总内容数、语言分布、年均发布量等核心指标。
如何实现数据的提取和压缩？
使用 Node.js 脚本扫描 Markdown 文件提取元数据，并通过 pako 库将 JSON 文件压缩成 Gzip 格式，减少文件体积。
这个分析页面如何优化加载性能？
通过前后端分离的自动化数据处理流程和数据压缩，确保前端异步请求压缩数据文件，提高加载性能。
分析页面支持哪些数据筛选功能？
支持按语言、内容类型、年份范围和分类进行动态筛选，所有图表和数据会实时更新。
作者为什么开发这个内容分析页面？
为了更直观地了解网站的创作情况，包括创作频率、热门分类和标签，以及中英文内容的覆盖情况。
使用了哪些技术来生成图表？
使用 Chart.js 生成年度发布趋势、月度分布、分类和标签占比等多种交互式图表。
➡️
