如何在 docusaurus 网站中访问前端内容?

How to access the front matter in a docusaurus website?

提问人:Bhavya Verma 提问时间:2/3/2023 更新时间:2/16/2023 访问量:503

问:

我正在开发一个基于 docusaurus 的网站,该网站的前面内容如下。

---
id: introduction
title: Welcome to Rowy
slug: /
---

我正在集成 Cusdis(一个开源的推荐系统插件),我希望使用页面 ID 和标题前端问题。我该怎么做?

我尝试使用各种方法来使用前端内容,例如以下代码。{props. }

<head>
  <script async defer src="https://cusdis.com/js/cusdis.es.js"></script>
</head>

<div id="cusdis"
  data-host="https://cusdis.com"
  data-app-id="**********************************"
  data-page-id= {props.id}
  data-page-url="http://docs.rowy.io"
  data-page-title= {props.title}
  data-theme="auto"
></div>

在这里,被解读为引言,这是 的值,这很奇怪。希望得到一些指导。{props.id}{props.id}

插件 docusaurus yaml-front-matter

评论


答:

3赞 breyman 2/16/2023 #1

Frontmatter 可以通过 Markdown 页面中的以下内容访问,所以我假设它可以在您的插件中工作。

<div>
{frontMatter.fieldname}
</div>