Files
note2any/todolist.md
2025-10-08 09:18:20 +08:00

1.0 KiB
Raw Blame History

todo list

  1. 实现markdown预览页面切图功能预览页面是以完成渲染的页面生成一整张长图。再按文章顺序裁剪为图片(png格式)。

    • 长图宽度为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

    • 文章预览中增加“切图”按钮,点击执行预览文章的切图操作。

    通过上传图文实现。

  • 在页面渲染基础上,切图。
    • 需要考虑标题字体大小
    • 需要考虑图片完整性
    • 需要考虑图片最佳比例和大小
    • 需要考虑裁剪位置?
  • 内容和标题
  • 标题取frontmatter的title属性。
  • 内容取markdown文章前200字可配置。