yaml-front-matter - 将 og 图像添加到 VitePress

Question

我已经看到在 VitePress.md文件中，您可以像这样添加元描述和关键字，

head:
  - - meta
    - name: description
      content: my custom description

但我似乎无法弄清楚如何添加og:titleor og:image，编译时似乎会:引发错误。

Answer 1

参考：

• YAML：我需要为 YAML 中的字符串加上引号吗？
• 如何在 YAML 中转义指示符（即 : 或 - ）

---

所以你基本上需要做：

head:
  - - meta
    - name: 'og:title'
      content: Foo Bar

---

此外，VitePress 也支持在 JSON 中设置 frontmatter。所以这也应该有效：

{ "head": [["meta", { "name": "og:title", "content": "Foo Bar" }]] }