摘要:这个 React 组件用于将 Markdown 渲染为漂亮的社交媒体图片。此外,该项目还包括一个内置的 WEB Editor,一键部署后,可以当做 Markdown 转海报图片在线编辑器使用。
这个 React 组件用于将 Markdown 渲染为漂亮的社交媒体图片。此外,该项目还包括一个内置的 WEB Editor,一键部署后,可以当做 Markdown 转海报图片在线编辑器使用。
有两种使用 markdown-to-poster 的方式:
在项目中集成:markdown-to-poster 已导出为一个 React 组件,可以直接集成到您自己的项目中。使用WEB UI:example路径中自带了一个 WEB Editor,部署后,可以当做在线编辑器使用。在你的项目中集成markdown-to-poster导出了一个叫 Md2Poster 的组件以及其他三个子组件,你可以通过 npm 等安装使用。
用 npm 安装:
npm i markdown-to-poster用 pnpm 安装:
pnpm install markdown-to-poster用 yarn 安装:
简单开始:
import 'markdown-to-poster/dist/style.css'import { Md2Poster, Md2PosterContent, Md2PosterHeader, Md2PosterFooter } from 'markdown-to-poster'...const markdown = `# AI Morning Updates> On April 29th, what's the latest in the AI field that should be on your radar?...`...return (... Poster Header {markdown} Powered by ReadPo.com...)更多组件参数请阅读文档:ReadPo.com/docs
这里使用Vercel进行部署,点击后一键部署:部署 Editor 到 Vercel
项目链接
本文,完。觉得本篇文章不错的,记得随手点个赞、收藏和转发三连,感谢感谢~如果想第一时间收到推送,请记得关注我们⭐~
来源:AIGC研究社一点号
免责声明:本站系转载,并不代表本网赞同其观点和对其真实性负责。如涉及作品内容、版权和其它问题,请在30日内与本站联系,我们将在第一时间删除内容!