md-code2img

一个将Markdown的代码，Mermaid时序图代码转换为图片，生成HTML的工具。为了方便适配各大写作平台代码排版问题，因为图片是最为直观的展示。

Usage

make init
# 远程部署fileserver.php
# 修改config.php中的endpoint和密钥sign

php create.php xxx.md > data/index.html

cat data/index.html

# 启动服务
make serve

实现流程

flowchart LR
   安装依赖-- make init --> 解析文档
   解析文档 -- mmdc --> 将mermaind生成图片
   将mermaind生成图片 -- 上传图片 --> fileserver
   解析文档 -- carbon-now --> 将代码生成图片
   将代码生成图片 -- 上传图片 --> fileserver
   fileserver -- 替换图片地址 --> 输出HTML

Loading

相关命令

• 将mermaind代码生成图片

  # -e png 生成的图片文件类型为png
  mmdc -i README.md -o data/new.md -e png

• 将代码生成图片

  # -h 无头浏览器
  # -t 文件hash
  # code.txt代码文件，这里获取markdown中的代码块，生成的临时文件
  carbon-now code.txt -t 0-5470dcb49927592 -h

项目代码

git@github.com:deliangyang/md-code2img.git