如何在nextjs中从.mdx获取前页( meta)？

t30tvxxf 于 2023-03-02 发布在其他

关注(0)|答案(2)|浏览(160)

我根据文档设置了带有ts支持和mdx的nextjs13。
现在我想把从另一个文件导出的前页导入到一个文件中，可以吗？
pages/post.mdx包含

export const meta = {
  title: "some meta",
}

pages/index.tsx包含

import post from './post.mdx';
console.log(post.meta);

输出：

undefined

预期产出：

{ title: "some meta" }

next.js

来源：https://stackoverflow.com/questions/75535393/how-to-obtain-frontmatter-meta-from-mdx-in-nextjs

2条答案

按热度按时间

gv8xihay1#

找到解决方案while stepping over a github comment：

错误：

import post from './post.mdx';
console.log(post.meta);

正确：

import post, { meta } from './post.mdx';
console.log(meta);

赞(0）回复(0）举报 2023-03-02

polhcujo2#

我使用front-matter，一个NPM包。
示例：

import React from "react";
import fm from "front-matter";

export default function SomeComponent({ markdown }) {
  const data = fm(markdown);

  return <div>{JSON.stringify(data)}</div>;
}

赞(0）回复(0）举报 2023-03-02

我来回答

如何在nextjs中从.mdx获取前页( meta)？

2条答案

相关问题

热门标签

最新问答