update at 2025-10-09 21:19:57

todolist.md

@@ -1,19 +1,19 @@
-# todo list
+# todo list & recording
 
 ## 功能
 1. 实现markdown预览页面切图功能，预览页面是以完成渲染的页面，生成一整张长图。再按文章顺序裁剪为图片(png格式)。(v1.3.1)
    - 长图宽度为1080，可配置。切图图片横竖比例3:4，图片宽度保持与长图相同。
-   ✅
+✅
    - 横竖比例和图片宽像素可配置。
-   ✅
+✅
    - 标题取frontmatter的title属性。
-   ✅
+✅
    - 图片保存路径可配置，默认为/Users/gavin/note2mp/images/xhs。
-   ✅
+✅
    - 图片名取frontmatter的slug属性，如: slug: mmm，文章长图命名为mmm.png，如切为3张图片，则切图图片名按顺序依次为mmm_1.png,mmm_2.png,mmm_3.png
-   ✅
+✅
    - 文章预览中增加“切图”按钮，点击执行预览文章的切图操作。
-   ✅
+✅
 
 2. 说明/修改/增加：
    - 发布平台选"小红书"时，保留“刷新”，“发布到小红书”，去掉“切图”按钮，用"当前页切图"和"全部页切图"替代切图按钮和功能。
@@ -59,11 +59,15 @@
 ## 问题
 1. "发布平台"首次选“小红书”时，预览页面没有加载当前文章。
 ✅
+
 2. 顶部按钮适应窗口宽度，超出窗口，折行显示。
 ✅
-3. 小红书模式，html分页预览不是从顶部开始显示，显示不完整。
-   小红书模式，预览窗口似乎只显示了一部分？上面部分被挡住了吗？
-   参考微信公众号模式下的预览窗口，不同点在于小红书模式下，每页的宽高比按配置要求。
+
+3. 小红书模式问题：
+   - html分页预览不是从顶部开始显示，显示不完整。
+   - 预览窗口似乎只显示了一部分？上面部分被挡住了吗？
+   - 参考微信公众号模式下的预览窗口，不同点在于小红书模式下，每页的宽高比按配置要求。
+✅
 
 4. 修改：
    - 公共部分独立出来，如“发布平台”，放在新建platform-choose.ts中，“发布平台”选择切换平台逻辑放在该模块中，便于以后其他平台扩展。
@@ -103,17 +107,22 @@ SOLVE：obsidian控制台打印信息，定位在哪里阻塞，AI修复。
    问题：
        - 字变大时，一页的内容放不下，重新分页应该会增加页数。但现在重新分页当前页放不下的内容只是被剪掉了。
        - 表格显示不完整。
+✅
 
 9. styles.css中有很多冗余。改为grid布局。部分完成，这部分需要后面**手动调整**重构。🧶 ♻️  ❇️ 
    问题：小红书预览布局有问题❓
 
+   小红书布局改为grid，但平台选择器部分没有完成修改。
+   保持微信和小红书页面一致性，都用grid重构，复用css样式代码。
+
 10. 新建docs文件夹，把除了README和todolist以外的markdown文件放到docs中。
 ✅
 
-
 ## 经验
-1. 在不确定AI是否理解，或者需求是否准确的情况下，先用chat模式提问，看回答确定AI理解是否准确。
-   尤其对于较大规模的重构需求，这点很重要‼️  。
-
+1. 在不确定AI是否理解，或者需求是否准确的情况下，先用codex chat模式提问，看回答确定AI理解是否准确。
+   尤其对于较大规模的重构需求，这点很重要 ‼️  。
 
+2. 复杂页面，codex生成的css可能无比复杂，不便于维护修改。
+   自己写布局demo原型，让codex参考布局修改(原来元素美化的css可保留)。
+   demo原型可以手绘后，拍照让chatgpt生成，在此基础上自己修改。