将Markdown转换为精美海报图片

摘要:这个 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研究社一点号

相关推荐