markdown - 工兵/ slim : How do I add markdown files?

Question

我正在使用默认 sapper-template-rollup 使用 Sapper 创建博客.

在博客文件夹中，确实提到了从 Markdown 文件生成数据。但是我找不到怎么做？

Answer 1

我发布了 https://github.com/mikenikles/sapper-template-with-markdown它显示了如何使用默认的 Sapper 模板，但博客文章内容使用 *.md 文件。

主要变化在 src/routes/blog/_posts.js 中，我将其中的内容替换为:

const fs = require('fs');
const frontMatter = require('front-matter');
const marked = require('marked');

const posts = fs.readdirSync('./src/posts').map(postFilename => {
  const postContent = fs.readFileSync(`./src/posts/${postFilename}`, {
    encoding: 'utf8'
  });
  const postFrontMatter = frontMatter(postContent);
  return {
    title: postFrontMatter.attributes.title,
    slug: postFrontMatter.attributes.slug,
    html: marked(postFrontMatter.body)
  }
});

posts.forEach(post => {
    post.html = post.html.replace(/^\t{3}/gm, '');
});

export default posts;

然后，每篇博客文章都以如下格式存储在src/posts中:

---
title: 'What is Sapper?'
slug: 'what-is-sapper'
---

Your markdown content.