使用Markdown文件动态生成单个页面

Question

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

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

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

---
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来添加动态生成的页面。 Markdown很棒，因为我在上面写的内容会在前端生成正确的HTML，并且对我的个人资料超级有用（因为我想写很多我过去从事的单个项目）。

Answer 1

markdown-它与frontmatter-markdown-loader冲突并且导致了意外的行为！ 对于将来遇到此问题的所有Google员工，请确保删除 markdown-it并继续进行frontmatter-markdown-loader 。 还遵循了本教程，以使一切正常。

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