markdown - 在 Astro 中将 markdown 转换为 HTML

Question

如何在 Astro 中将 Markdown 转换为 HTML？如果您在 Astro 中导入 MD 文件，内容将 automatically be converted在后台转换为 HTML。

但我使用 Strapi 作为我的 CMS 系统。我使用 fetch() method 获取我的帖子，效果很好。但是，内容是 markdown 格式，我想将其转换为 HTML。

谢谢:)

Answer 1

Astro 文档建议 using the marked package to render remotely fetched Markdown :

---
import { marked } from 'marked';
const response = await fetch('https://raw.githubusercontent.com/wiki/adam-p/markdown-here/Markdown-Cheatsheet.md');
const markdown = await response.text();
const content = marked.parse(markdown);
---
<article set:html={content} />

astro-remote package还提供了执行类似操作的组件，而 @astropub/md package将使用评论生态系统为您呈现 Markdown，并且如果您愿意，可以使用现有的 Astro Markdown 配置。