在 Astro 中将 Markdown 转换为 HTML

Question

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

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

谢谢你:)

Answer 1

Astro 文档建议使用

marked

包来渲染远程获取的 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

包还提供了执行类似操作的组件，而

@astropub/md

包将使用评论生态系统为您呈现Markdown，并且如果您愿意，可以使用现有的Astro Markdown配置。