字数统计问题❓

[KIRINICE001]

问题描述

老师我还有一个问题，请问一下notionnext如何做到每篇文章的字数都能够自动统计，并且能够自动统计总字数展示在统计卡片上呢？

环境信息

NotionNext 4.10.8 hexo主题
vercel部署

已尝试的步骤

询问了ChatGPT，对「themes/hexo/components/AnalyticsCard.js」的代码做了修改
但我只是按照AI提供的代码结合原有的代码做了调整，结果发现总字数这一部分没有显示内容：

目前没有尝试让每篇文章的字数显示出来。

[88lin]

问题原因

你现在修改的 AnalyticsCard.js 是这样取值的：

const { postCount, wordCount } = props

但项目并没有向统计卡片传入顶层的 wordCount，因此：

<div>{wordCount}</div>

最终得到的是 undefined，页面自然显示为空。当前项目只在打开某篇文章时，通过 processPostData() 计算正文，并把结果保存到：

props.post.wordCount
props.post.readTime

也就是说，现有数据结构是“当前文章字数”，不是“全站总字数”。(raw.githubusercontent.com)

---

推荐实现方式

在服务端构建全站数据时：

1. 获取每篇已发布文章的正文；
2. 调用项目现有的 countWords()；
3. 给每篇文章写入 wordCount 和 readTime；
4. 累加得到 totalWordCount；
5. 将 totalWordCount 传给统计卡片。

这样可以同时实现：

• 文章详情页显示当前文章字数；
• 文章列表显示每篇文章字数；
• 统计卡片显示所有已发布文章的总字数；
• Notion 文章修改后，在下一次 ISR 或重新部署时自动更新。

项目已经有字数计算函数，而且文章摘要清理逻辑本身就保留了 wordCount 和 readTime 字段，所以无需重新写一套中文字数算法。

需要注意的性能问题

这种方式需要在全站数据重新生成时读取每篇文章的正文。文章数量越多，首次 Vercel 构建耗时越长。代码中使用了并发数 3，可以降低同时请求 Notion API 造成失败的概率。

最关键的一点是：只修改 AnalyticsCard.js 无法得到全站总字数，因为展示组件不会自动读取全部文章正文；必须先在 SiteDataApi.js 的服务端数据层生成 totalWordCount。