dors 待办清单

• 创建文章功能坏掉了 文章数统计

• 修复 protected 页面更新问题
• prose 样式抽出，不要封装在 post 组件内，单独抽一个 prose 组件
• 编辑器添加 beforeUnload 事件监听器，todo：还需要判断下事件来源，可能是表单提交
• 做一个 iframe 组件❌，没必要，直接写 jsx 就行
• 做一个 card 组件
• 写作：关于 adomptions 的实现，nextra 称为 callout https://nextra.site/docs/guide/built-ins/callout；要不用 message 组件吧 https://shurikenui.com/docs/reference/react/components/message#type
• 调整 task-list 样式
• 导航栏资源 dropdown 的内容动态化、设置缓存。资源列表添加 lucide icon
• 支持 mermaid https://nextra.site/docs/guide/advanced/mermaid

文章内容

• 做一个 iframe 组件
• admonitions https://github.com/elviswolcott/remark-admonitions ❌ 应使用 remark-directive 提示块（也称为“警告块”或“信息块”）并不是标准的 Markdown 元素，而是 Docusaurus 特有的扩展功能。它们通常用于提供额外的信息、警告或提示，帮助用户更好地理解文档内容。note 、caution、tip、info 等 todo: 样式参考 nextra?
• 打印友好，打印时只打印必要的信息，去掉导航栏等 √
• lightbox 组件 https://github.com/huayemao/dors/issues/51 √
• 时间线组件 参考 nextra https://nextra.site/docs/guide/built-ins/steps
• 支持展示原 markdown 标记√
• 文章排版：
  • 移动端加粗字体显示问题
  • 移动端表格全宽问题 √
  • 代码块颜色问题 √
  • h4、h5 区分度
  • 代码块样式优化，参考 https://gemini.vercel.ai/ 、https://github.com/vercel-labs/gemini-chatbot/blob/main/components/ui/codeblock.tsx √

文章编辑器

• 支持切换文章
• 类型、分类、重置时间收进 dropdown 里
• 工具栏使用 sticky 定位
• 设置组件放到 modal 中渲染
• 支持客户端暂存
• 用户体验汇编
• 工具栏太拥挤：
  • 表单项还是用 state 来表示吧，settings modal 里的内容一并添加到表单项。
  • 保存按钮放到最底部，参考 https://tairo.cssninja.io/layouts/form-6
  • 保存按钮的 loading 状态
• 摘要支持 autogrow

• 把重置时间按钮收纳起来（挪到设置中？或者通过 dropdown 收纳，dropdown 能否定制元素？）
• 上传文件√
  • 编辑时预览文件列表，在编辑时直接复制 markdown 标记
  • 上传后支持复制文件地址
  • 上传文件组件用 Modal √
  • 支持修改文件名
• 支持保留上次修改时间 √
• 插入常用 unicode 字符√

文章管理

• 文章管理首页、删除文章等
• 封面图片如果是 svg，不要去处理
• 文章创建、编辑页面样式优化：参考 vercel/platforms √
• 修复封面图片被多次修改的 bug √
• 文章 revalidate √
• 封面支持即时更新 √
• TOC
  • 移动端toc展示优化，用 dropdown，参考, github readme toc

    

  • TOC item 支持复制 markdown 标记
• 文章支持摘要 ✓
• 文章私密模式✓
• 文章封面支持自定义：默认使用文章中第一张图片，否则使用网络图片，另外支持自定义✓
• 文章创建、编辑页面支持创建标签
• 文章离线存储
• 支持修改置顶文章

标签管理

• 文章中的标签支持点击跳转 √
• 修改标签
• 标签支持树形关系

文件管理

• 下载按钮
• popover 展示引用文章
• 复制 markdown 到剪贴板
• 支持分页
• 支持通过 share target 上传
  • 上传后进入页面：1. 复制链接 2. 选择文章进入编辑器页面，以向文章追加图片
• 文件动态添加到 serviceWorker 缓存

projects

小记

0. 小记（notes）概要设计
1. 模型：使用 post，一个小记合集(collection) 是一个特殊的 post，规定类型为 "note"。
2. 数据流： 创建：打开小记功能，支持本地存储或云端存储两种存储方式，云端存储的小记设有特殊标识，进入默认小记合集列表，可切换小记。 url：由于小记合集是文章，对外支持作为文章访问，或对内访问。布局上沿用各自布局。

访问：云端存储的小记支持从链接访问：访问/posts/[id] 使用服务端渲染沿用文章页面布局(数据已经加载)，（不允许编辑）。 notes/[id] 允许编辑，进入单页页面，客户端渲染，此时会从 local 读 collectionId，加逻辑：如果读不到，异步从 api 读；读完同步本地？ 4. 本地新增 item 后数据新于服务器，此时可点击按钮同步，上传服务器。 5. 本地打开 collection 时异步读一次服务器（通过远程标志当前集合是否远程，凡是有云的，都要拉取 更新后 revalidate api？），如果发现云端数据更新（利用updateTime），提升有更新内容，可选择覆盖或者抛弃。

• 每次保存一个项目，存 local
• 多加一个按钮，将整个 collection 同步到云。
• cache 的函数把参数放进来？
• 如果本地写了一篇帖子想要上云怎么办

题目管理

• [x]支持 pwa shortcut 进入
• 样式优化 https://xpulse.cssninja.io/content-course-details/
• 支持存文件大小等元信息

杂项

• 支持将某些分类单独挂到导航栏
• 文章筛选组件
• 文章选择器
• 文章分页组件优化
• 低代码表单组件
• 完善后台管理页面布局框架
• 优化管理页操作按钮样式
• 搜索功能：不需要搜索引擎，参考 strapi 的实现
• 修复标签管理中的标签没有实时更新的问题
• 工作区？
• https://nextjs.org/docs/messages/deopted-into-client-rendering √

refactor

• 文章 meta 应该用 hgroup 标签

评论

• 客户端异步请求加载（先用 github issue 代替吧）或者
  • 先用 语雀 代替 √