1.0 KiB
1.0 KiB
todo list
-
实现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字,可配置。