文章数统计
- 修复 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
github readme toc - TOC item 支持复制 markdown 标记
- 移动端toc展示优化,用 dropdown,参考, github readme toc
- 文章支持摘要 ✓
- 文章私密模式✓
- 文章封面支持自定义:默认使用文章中第一张图片,否则使用网络图片,另外支持自定义✓
- 文章创建、编辑页面支持创建标签
- 文章离线存储
- 支持修改置顶文章
标签管理
- 文章中的标签支持点击跳转 √
- 修改标签
- 标签支持树形关系
文件管理
- 下载按钮
- popover 展示引用文章
- 复制 markdown 到剪贴板
- 支持分页
- 支持通过 share target 上传
- 上传后进入页面:1. 复制链接 2. 选择文章进入编辑器页面,以向文章追加图片
- 文件动态添加到 serviceWorker 缓存
projects
小记
- 小记(notes)概要设计
- 模型:使用 post,一个小记合集(collection) 是一个特殊的 post,规定类型为 "note"。
- 数据流: 创建:打开小记功能,支持本地存储或云端存储两种存储方式,云端存储的小记设有特殊标识,进入默认小记合集列表,可切换小记。 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 代替吧)或者
- 先用 语雀 代替 √