如何在Astro中使用Remark让Markdown博客文章保留样式？

你的问题出在写的remarkContent函数上——你处理完Markdown后，返回的还是原始的content参数，根本没用到remark处理后的结果，自然没法解析##这类标签。

修正后的函数应该是这样：

async function remarkContent(content) {
    const file = await remark()
        .use(remarkHtml)
        .process(content);
    // 把remark返回的VFile对象转换成HTML字符串返回
    return String(file);
}

补充说明：

• remark的process方法返回的是一个VFile实例，必须用String()转换成实际的HTML文本，才能被Astro的Html片段正确渲染。
• 如果还没安装依赖，先执行以下命令：

npm install remark remark-html

内容的提问来源于stack exchange，提问作者Raffaele Grieco