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

查看 45|回复 2
作者:wcao   



今年的一次 UI 重大优化。
诗词来源: https://github.com/chinese-poetry/chinese-poetry
注解来源:Google
特色功能点
[ol]
  • 注解在文中可以直接查看,一一对应
  • 提供主题切换,特别推荐默认主题 zinc ,非常简洁
  • 支持拼音一对一标注
  • 移动端支持,暂时不支持拼音展示
    [/ol]
    后续计划
  • 准备把诗人的页面,做成个人简历的样式,感觉会很好玩。
  • 诗词的展示用不同的布局方式。

    一点踩坑记录
    [ol]
  • 字少、大 用楷体;字多,用宋体,会更加好看。参考了小学语文教材和中学教程,小学用楷体,中学用宋体。
  • Safari 居然不支持楷体,即使本地安装了楷体也不行,只有 PingFang SongTi 两个可选项(对于中文来说)
  • Iphone 上只有 PingFang ,只能独立加载
  • 远程分片加载中文字体,推荐使用 https://github.com/KonghaYao/cn-font-split
  • 还是要做 SEO 的
    [/ol]
    暂时想到这么多,放上地址
    aspoem.com

    imgur, 用楷体, 用宋体, 诗词

  • yuhangch   
    感谢分享,适配字体确实很麻烦,学习一下分片加载
    我的一个站,是用的 https://github.com/sivan/heti ,样式简单 copy 了一下,https://chenyuhang.cn
    lstz   
    time is the currency of your life too
    您需要登录后才可以回帖 登录 | 立即注册

    返回顶部