Frontmatter

Markdown 中的 frontmatter

在 md 文件的开头用 yaml 格式来配置 frontmatter

---
title: 页面标题
description: 页面描述
---
md

Svelte 中的 frontmatter

+page.svelte

Svelte context module
中导出一个名为 frontmatter 的变量即可

/src/routes/foo/+page.svelte
<script context="module">
  export const frontmatter = {
    title: '页面标题',
    description: '页面描述'
  }
</script>
svelte

在 Markdown 中访问 frontmatter

直接使用 fm 变量即可:

当前页面的 frontmatter 是:

{
  "pageType": "md",
  "lastUpdate": "2024/02/28 01:19:24",
  "title": "Frontmatter",
  "anchors": [
    {
      "slugId": "Markdown-中的-frontmatter",
      "title": "Markdown 中的 frontmatter",
      "depth": 2
    },
    {
      "slugId": "Svelte-中的-frontmatter",
      "title": "Svelte 中的 frontmatter",
      "depth": 2
    },
    {
      "slugId": "在-Markdown-中访问-frontmatter",
      "title": "在 Markdown 中访问 frontmatter",
      "depth": 2
    },
    {
      "slugId": "站点-frontmatter",
      "title": "站点 frontmatter",
      "depth": 2
    }
  ]
}
当前页面的 frontmatter 是:
<pre>
{JSON.stringify(fm, null, 2)}
</pre>
md
点击展开/折叠代码

站点 frontmatter

下面的 frontmatter 配置可以用于任意页面(+page.md)

interface SiteConfig {
  ?: string
  ?: string
}
ts
最后更新于: 2024/02/28 01:19:24