Markdown Sapper/Svelte：如何添加降价文件？

我正在使用Sapper创建一个博客，使用默认设置

在blog文件夹中，它确实提到了从降价文件生成数据。但我找不到怎么做？

更新2020-06-14：

现在（自2019年11月11日起）也有一个网站与Netlify一起发布，并增加了一个。因此，与GitLab版本不同，它不使用GitLab和GitHub页面所需的Sapper，除非添加自定义域

原始答案2019-10-24：

---

你可能会觉得有用。我还有一个关于Sapper模板的回购协议，首先在2019年1月修改了旧的Markdown分支，然后在2019年5月添加了Svelte 3支持，但它可能更容易查看和克隆，而且它有更多我尚未添加到PR中的最新依赖项更新。

您可能会有更多的Click使用，这是一个Svelte Markdown处理器，由社区核心成员之一创建

---

不过，您也可以使用

marked

或

snarkdown

（这就是我所使用的），就像您使用任何其他库一样-只需导入它并将您的标记代码传递给它。

我采用了@Antony Jones的方法。我将

.md

文件放在我的routes/文件夹中并使用，在我的汇总配置中设置它以处理

.md

文件（将它们转换为

.svelte

文件）。

.md

文件被组织到routes/文件夹中的子文件夹中，每个文件夹都有一个索引页，该索引页将列出由其中的文件或文件夹创建的页面的链接。如果您想查看回购协议，这里有一个链接：。这项工作仍在进行中

正如@rdela在他的评论中所说的，这种方法不如使用自己的代码来处理帖子，然后像在模板repo中那样获取前端内容，然后过滤帖子，根据前端内容中的标记将其放入文件夹，或者类似的东西。

我发布了一个演示如何使用默认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}`{
编码：“utf8”
});
const postFrontMatter=frontMatter（后内容）；
返回{
标题：postFrontMatter.attributes.title，
slug:postFrontMatter.attributes.slug，
html：已标记（postFrontMatter.body）
}
});
posts.forEach（post=>{
post.html=post.html.replace（/^\t{3}/gm'，）；
});
导出默认职位；

然后，每个博客文章以以下格式存储在

src/posts

中作为标记文件：

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

Your markdown content.

---

为你的模块绑定器（webpack，rollup…）寻找一个降价加载程序插件。它非常简单，你可以使用

标记的
包，你完全可以参考svelte如何构建自己的博客页面。在这里查看，也可以通过Sapper频道上的Brittney查看，这是一个提问和聊天的好地方。我看到所有帖子都会在顶级域名Ex
www.example.com/post1
，
www.example.com/post2
之后有一个链接。但是，如果使用模板的人想要对帖子进行分类，该怎么办呢。Ex
www.example.com/svelte posts/post1
，
www.example.com/vuejs posts/post1
@JustineKizhak，那么您希望在一个博客上添加类别，还是拥有两个独立的博客？同一网站上的类别和两个独立的博客之间是否存在差异？我在考虑博客的分类，比如科技博客和另一个旅游博客等。现在我不在乎是否没有分类，但将来，我可能会。所以现在我想开始处理代码库的工作，以后我只需要关注内容。@JustineKizhak如果你想要传统的WordPress风格的分类，我会将其添加到文章的降价主题（）中，然后使用，在你的个人帖子模板中也有任何类别的链接。