用 shadcn/ui + nextjs 开发的一个现代化诗词网站,总花费 78 元(域名),欢迎试用!

75次阅读

共计 410 个字符,预计需要花费 2 分钟才能阅读完成。

用 shadcn/ui + nextjs 开发的一个现代化诗词网站,总花费 78 元(域名),欢迎试用!

用 shadcn/ui + nextjs 开发的一个现代化诗词网站,总花费 78 元(域名),欢迎试用!

用 shadcn/ui + nextjs 开发的一个现代化诗词网站,总花费 78 元(域名),欢迎试用!

今年的一次 UI 重大优化。

诗词来源:https://github.com/chinese-poetry/chinese-poetry
注解来源:Google

特色功能点

  1. 注解在文中可以直接查看,一一对应
  2. 提供主题切换,特别推荐默认主题 zinc,非常简洁
  3. 支持拼音一对一标注
  4. 移动端支持,暂时不支持拼音展示

后续计划

  • 准备把诗人的页面,做成 个人简历 的样式,感觉会很好玩。
  • 诗词的展示用不同的布局方式。

一点踩坑记录

  1. 字少、大 用楷体;字多,用宋体,会更加好看。参考了小学语文教材和中学教程,小学用楷体,中学用宋体。
  2. Safari 居然不支持楷体,即使本地安装了楷体也不行,只有 PingFang SongTi 两个可选项(对于中文来说)
  3. Iphone 上只有 PingFang,只能独立加载
  4. 远程分片加载中文字体,推荐使用 https://github.com/KonghaYao/cn-font-split
  5. 还是要做 SEO 的

暂时想到这么多,放上地址

aspoem.com

正文完
 0