墨逸斋

盼历 · 原型 v3（编辑排版版 · 协作说明） ​

v3 是重新定调的一版：克制、留白、编辑排版。宋体标题 + 高对比衬线数字 + 线性图标 + 发丝线网格 + 低饱和大地色。

预览地址：https://moyi.fan/panli/v3/home.html （部署后生效）

完整源码包下载：https://moyi.fan/panli/panli-v3.zip （解压即用；改完重新打包发回即可）

文件结构 ​

  • home.html — 盼头首屏：巨型倒数、日历牌、再往后列表、今年进度
  • shelf.html — 方块货架：发丝线网格里的方块卡，点击选中/取消（localStorage 记住选择）
  • year.html — 年度日历：12 个月发丝线网格，圆点颜色 = 类别，悬停看名字
  • assets/style.css — 全部样式；设计 tokens 在 :root，字体在顶部 @font-face
  • assets/blocks.js — 数据与逻辑：CATS 类别、BLOCKS 方块库、FAMILY 家人、TRIPS 单次事件、规则展开
  • assets/icons.js — 线性图标（lucide 内联，跟随文字颜色）
  • assets/fonts/ — 字体子集（Noto Serif SC 思源宋体 400/600、Playfair Display 400/500 数字）

从哪里下手改 ​

  • 换文案 / 预置方块：改 assets/blocks.js 里的 BLOCKS（icon、名称、slogan、频率、rule）
  • 换配色：改 assets/style.css 顶部 :root（含五个类别色）
  • 新增方块：往 BLOCKS 数组加一项；图标名从 https://lucide.dev 里挑（需内联进 icons.js），或直接用汉字/符号
  • rule 支持五种写法：
    • { type:"nthDow", nth:1, dow:6 } 每月第一个周六（nth 为 -1 表示最后一个；dow：0=周日…6=周六）
    • { type:"weekly", dow:0 } 每周日
    • { type:"quarterly" } 每季度第一个周六（可加 offset 错开月份）
    • { type:"md", m:4, d:12 } 每年 4 月 12 日
    • { type:"seasons", months:[4,11] } 每年 4 月和 11 月的第二个周六

小提示 ​

  • 字体是子集（只含原型里出现的字），换文案时如有生僻字会回退到系统宋体，属正常现象
  • 按钮、卡片都是原生 HTML/CSS，没有框架，直接改就行

版本管理约定 ​

  • 每次给家人确认的大改版：复制上一版目录为 v4、v5 再改，旧版保留可对比
  • 在 ../index.html 的版本列表里登记新版本
  • 部署跟着 moyi.fan 现有流程走（vitepress build docs）