使用 Markdown 文件动态生成单页

Question

我正在尝试在 Nuxt 中制作单个项目页面，但我无法使用 markdown 成功生成任何动态页面。我已经遵循了整个教程 here 并且发生了两件不属于预期行为的事情。

1. <div v-html="content" class="blog-content content"></div> 呈现下面的图像（未正确解析）：
2. 当我尝试访问 Markdown 文件中的属性 title 时，屏幕上没有呈现任何内容。

这是我正在使用的其中一个降价文件的示例：

---
title: "Fresh Projects"
---

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

我已经浏览了很多在线教程，使用 markdown 文件使用动态生成的页面，但没有一个教程正确（或根本没有）显示内容。

我想知道是否有人知道使用 Markdown 作为 slug 来添加动态生成的页面的一种好的、直接的、逐步的方法。 Markdown 非常棒，因为我在上面写的内容会在前端生成正确的 HTML，并且对我的个人资料非常有用（因为我想写很多关于我过去从事的每个单独项目的内容）。

Answer 1

markdown-it 与frontmatter-markdown-loader 冲突并导致意外行为！对于以后遇到此问题的任何 Google 员工，请确保删除 markdown-it 并继续使用frontmatter-markdown-loader。也跟着这个tutorial 让一切正常。

如果您对我的解决方案感兴趣，请务必在下方发表评论，我将发布我的代码！