跳到主要内容

诗词网站更新：v0.2.3 - 添加注释系统

· 阅读需 3 分钟
Johnny
Johnny
一年五班小憨憨

我们很高兴地宣布诗词网站 v0.2.3 版本发布了！这个版本主要添加了注释系统，让用户可以更好地理解诗词的含义。

新功能：HoverPoem 组件​

这个版本的主要更新是添加了 HoverPoem 组件，它提供了一种全新的诗歌注释交互方式：

  1. 智能注释开关

    • 添加了一个优雅的书本图标按钮
    • 默认关闭注释，保持诗歌原有的简洁美感
    • 点击按钮可以随时开启/关闭注释功能

  2. 交互式注释

    • 当注释功能开启时，可注释的字词会显示下划线标记
    • 鼠标悬停或点击可以查看详细注释
    • 注释内容包含字词的多重含义和文化内涵

  3. 移动端优化

    • 适配了移动设备的触摸交互
    • 优化了移动端的显示效果
    • 提供了流畅的点击体验

技术细节​

  • 使用 React Hooks 管理组件状态
  • 采用 CSS Modules 实现样式隔离
  • 支持响应式设计
  • 使用 react-icons 提供图标支持

示例​

我们在 测试页面 提供了一个完整的示例，展示了杜甫的《登高》，每个字都添加了详尽的注释说明。

依赖更新​

  • 保持了所有依赖包的最新版本
  • 核心框架：
    • @docusaurus/core: ^3.6.3
    • react: ^18.0.0
    • react-icons: ^4.12.0

下一步计划​

我们将继续优化注释功能，计划添加：

  • 注释内容的分类展示
  • 更多的交互动画效果
  • 批注和笔记功能

反馈​

如果您在使用过程中遇到任何问题，或者有任何建议，欢迎在 GitHub 上提交 issue 或 pull request。