如何实现类似gatsby-transformer-remark的Markdown转HTML功能（适配NetlifyCMS）

可用解决方案 #

• 方案1：直接调用gatsby-transformer-remark的核心转换逻辑
  该插件本身支持脱离Gatsby构建流程单独使用，你只需要安装对应依赖，将你原本在Gatsby配置中传入gatsby-transformer-remark的参数原样传入，就能得到和Gatsby构建场景完全一致的HTML输出，你需要的NetlifyCMS图片内容转换逻辑，只要配置对应的remark扩展插件即可实现匹配。
• 方案2：基于remark生态自行组装转换链路
  gatsby-transformer-remark的转换规则完全基于开源remark生态的标准预设，没有私有的自定义逻辑。你可以按照它的默认配置顺序，依次引入对应的解析、转换、序列化插件组装处理链路，就能1:1复刻它的转换效果，对比基于showdown二次开发的成本要低很多，也能完美兼容各类扩展需求。

代码示例

// 方案1 最简调用示例
const { remark } = require('gatsby-transformer-remark/remark');

async function transformMarkdown(markdownContent, customPlugins = []) {
  const processedResult = await remark({
    plugins: [
      // 此处填入你原Gatsby配置中gatsby-transformer-remark的所有插件配置
      ...customPlugins
    ]
  }).process(markdownContent);
  return processedResult.toString();
}

内容的提问来源于stack exchange，提问作者Xaver Fleer