update at 2025-10-08 12:53:49

todolist.md

@@ -1,23 +1,63 @@
-
 # todo list
 
-1. 实现markdown预览页面切图功能，预览页面是以完成渲染的页面，生成一整张长图。再按文章顺序裁剪为图片(png格式)。
+## 功能
+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. 说明/修改/增加：
+   - 发布平台选"小红书"时，保留“刷新”，“发布到小红书”，去掉“切图”按钮，用"当前页切图"和"全部页切图"替代切图按钮和功能。
+   其他按钮及页面布局如下：
+
++------------------------------------------------------------+
+| [刷新] [发布到小红书]                                   |  ← 顶部工具栏
+| [模板选择▼] [主题选择▼] [字体选择 ▼] 字体大小[- +]      |  ← 顶部工具栏
++------------------------------------------------------------+
+
++------------------------------------------------------------+
+| @Yeban   夜半     2025/10/8                               |  ← 作者信息行
+|                                                          |
+|  17日下午课程：《理想国》                                 |  ← 标题
+|                                                          |
+|  财富是好的，美德是财富的结果。...                         |  ← 正文（多行）
+|                                                          |
+|  欲望中解放出来，可以做很多事情...                        |
+|                                                          |
+|  （正文继续，多段落）                                     |
+|                                                          |
++------------------------------------------------------------+
+
+                          [ ←  2/7  → ]                     ← 分页导航
+
++------------------------------------------------------------+
+|            [⬇ 当前页切图]   [⇓ 全部页切图]             |  ← 底部操作栏
++------------------------------------------------------------+
+
+效果参考附图。
+
+   - 先对html分页，在预览中分页显示。
+   - 页面适配切图比例的设置。
+   - 确保表格和图片不跨页面显示。
+   - 点击"模版选择"，可以选择渲染的模版。点击"主题选择"，可以选择渲染的主题。点击"字体选择"，可以选择字体。
+   - 点击"+"所有字体加一号，点击"-"所有字体减一号。
+   - 点击"当前页切图"，把当前html页面转为png图片，图片保存路径和命名按此前设置。
+   - 点击"全部页切图"，把所有html页面转为png图片，图片保存路径和命名按此前设置。
+
+
+## 问题
+1. "发布平台"选“小红书”时，预览页面没有加载当前文章。
+2. 顶部按钮适应窗口宽度，超出窗口，折行显示。
+3. 页预览不完整，改为
 
-   通过上传图文实现。
-  - 在页面渲染基础上，切图。
-    - 需要考虑标题字体大小
-    - 需要考虑图片完整性
-    - 需要考虑图片最佳比例和大小
-    - 需要考虑裁剪位置？
-  - 内容和标题
-   - 标题取frontmatter的title属性。
-   - 内容取markdown文章前200字，可配置。