分类： 电脑软件

工具介绍

一个可以将 Markdown 渲染为漂亮的社交媒体图片的开源工具，内置一个模板，支持模板扩展， 支持自定义主题，并且已内置 9 个主题， 支持复制为图像。

此外，项目还包括一个内置的 WEB Editor，一键部署后，可以当做 Markdown 转海报图片在线编辑器使用。

工具功能

•  将 Markdown 渲染为适合社交分享的海报图片
•  内置一个模板，支持模板扩展
•  支持自定义主题，并且已内置9个主题
•  支持复制为图像
•  支持一键部署到 Vercel 等
•  已集成图片跨域代理，可以方便的插入在线图片生成图文海报
•  支持复制为HTML 代码，可粘贴到电子邮件和一些编辑器中
•  更多内置模板

如何使用

有两种使用 markdown-to-image 的方式：

• 在项目中集成：markdown-to-image 已导出为一个 React 组件，可以直接集成到您自己的项目中。
• 使用WEB UI：example路径中自带了一个 WEB Editor，部署后，可以当做在线编辑器使用。

在你的项目中集成

markdown-to-image导出了一个叫 Md2Poster 的组件以及其他三个子组件，你可以通过 npm 等安装使用。

安装

用 npm 安装：

npm i markdown-to-image

用 pnpm 安装：

pnpm install markdown-to-image

用 yarn 安装：

yarn install markdown-to-image

使用

简单开始：

import 'markdown-to-image/dist/style.css'
import { Md2Poster, Md2PosterContent, Md2PosterHeader, Md2PosterFooter } from 'markdown-to-image'

...

const markdown = `
# AI Morning Updates
> On April 29th, what's the latest in the AI field that should be on your radar?
...
`

...

return (

...

<Md2Poster>
  <Md2PosterHeader>Poster Header</Md2PosterHeader>
  <Md2PosterContent>{markdown}</Md2PosterContent>
  <Md2PosterFooter>Powered by ReadPo.com</Md2PosterFooter>
</Md2Poster>

...

)

使用在线编辑器

使用官方部署的在线编辑器

👉 访问：ReadPo.com

部署自己的在线编辑器

这里使用Vercel进行部署，点击后一键部署：部署 Editor 到 Vercel

工具地址

地址：https://readpo.com/zh/poster

GitHub：https://github.com/gcui-art/markdown-to-image

工具介绍

一款全自动文章排版美化工具，它可以将 Markdown 格式的文章快速转换为适合微信公众号、今日头条、知乎等平台的排版格式，省去因平台差异带来的繁琐调整。 纯本地使用，无需联网，支持代码高亮、公式、链接转脚注、识别 front matter 语法、公众号自定义样式，并集成多种主题样式模版。

工具地址

GitHub：

https://github.com/caol64/wenyan

下载地址：

https://yuzhi.tech/docs/wenyan/download

工具介绍

一款 macOS 的 Finder 工具栏应用，旨在帮助用户快速在终端、iTerm、Hyper 或 Alacritty 中打开当前目录。 OpenInTerminal 还允许用户在多种文 本编辑器中打开文件，如 Visual Studio Code、Xcode 和 Sublime Text，提供了灵活的工作方式。

安装教程

1. 下载

 

a) Homebrew

 

brew install --cask openinterminal

b) 手动

 

1. 从 release 中下载。
2. 将应用移动到 应用程序 文件夹。

⚠️ 当您第一次运行应用程序时，macOS 将要求访问 访达 和 终端（或 iTerm）的权限。请给予应用程序权限。

2. 打开 Finder 扩展权限

 

打开 OpenInTerminal 应用。去 系统偏好设置 -> 扩展 -> 访达扩展，打开下图中的权限按钮。

工具地址

GitHub：

https://github.com/Ji4n1ng/OpenInTerminal

中文说明：

https://github.com/Ji4n1ng/OpenInTerminal/blob/master/Resources/README-zh.md