故事书MDX:动态Meta标题
故事书MDX是一种用于创建交互式故事书的文件格式。它结合了Markdown和React组件的功能，使得编写和展示富文本内容变得更加简单和灵活。
MDX文件可以包含Markdown语法，同时还可以在其中嵌入React组件。这意味着我们可以在故事书中使用HTML元素、自定义组件和动态数据，从而实现更丰富的交互和可视化效果。
故事书MDX的优势包括：
- 灵活性：MDX文件可以轻松地与其他React组件和库集成，使得定制化和扩展变得更加容易。
- 可读性：使用Markdown语法编写内容，使得故事书的文本部分更易于阅读和理解。
- 交互性：通过嵌入React组件，可以在故事书中实现交互式元素，如表单、按钮、动画等。
- 可维护性：MDX文件可以像普通的代码文件一样进行版本控制和维护，使得团队协作更加高效。
故事书MDX适用于许多场景，包括但不限于：
- 在线教育：可以创建交互式教学故事书，结合文字、图片、视频和互动元素，提供更丰富的学习体验。
- 内容营销：可以制作吸引人的故事书，用于产品介绍、品牌宣传等，吸引用户的注意力并提高转化率。
- 技术文档：可以编写技术文档或教程，通过嵌入代码示例和交互式演示，更直观地展示使用方法和效果。
腾讯云提供了一款名为"腾讯云云开发"的产品，它是一站式后端云服务，提供了丰富的功能和工具，可用于快速构建和部署云应用。腾讯云云开发支持MDX文件的部署和托管，可以帮助开发者轻松地创建和发布故事书MDX应用。
更多关于腾讯云云开发的信息，请访问：腾讯云云开发
请注意，以上答案仅供参考，具体的产品选择和推荐应根据实际需求和情况进行评估和决策。
相关·内容
当用户悬停在标题上时，我试图显示“复制”链接：
在故事书的推介中，有时它是有效的：
有时不是：
我怎样才能让他们有能力？我尝试过的--我从故事书的github中复制了代码--我认为顶部链接后来会被映射到标题中，但到目前为止还没有进展。
- [Basic example](#basic-example)
- [MDX-Flavored CSF](#mdx-flavored-csf)
## Basic example
## MDX-Flavored CSF
我需要加载项来处理吗？
浏览 13提问于2022-08-09得票数 0
1回答
我用.mdx编辑了我的故事书，但是出了点问题！
我的代码如下：
<!---Badge.stories.mdx --->
import { Meta, Story, Canvas, ArgsTable } from '@storybook/addon-docs/blocks';
import Badge from '../components/Badge';
<Meta
title="MDX/Badge"
component={Badge}
argTypes={{
size: {
浏览 2提问于2021-05-07得票数 1
我在用故事书。如果样式组件包含在故事书中的样式组件中，则会发生错误。
组件/样式
import { Flex } from "rebass"
export const StyledFlex = styled(Flex)`
// css...
`
storybook.mdx
import { Meta, Story, Preview, Props } from "@storybook/addon-docs/blocks";
import { StyledFlex } from "component/style"
<Meta title
浏览 3提问于2021-11-17得票数 1
2回答
我想在Storybook中的组件旁边添加文档，这要感谢减价语法。我遵循了Storybook的指导原则，但在启动该应用程序时，我在终端中收到了以下错误：
致命错误: CALL_AND_RETRY_LAST分配失败-内存中的JavaScript堆。(...)命令失败，信号"SIGABRT“。
下面是我的故事书配置：
// main.ts
module.exports = {
stories: ["../**/stories.tsx", "../**/stories.mdx"],
addons: [
{
name: "
浏览 4提问于2020-09-23得票数 1
嗨，我目前正在学习故事书，在尝试安装时遇到了这个错误。
我正在.mdx文件中这样做，到目前为止我的代码如下
import { Meta, Story } from '@storybook/addon-docs';
import { EyebrowAmountComponent } from './eyebrow-amount.component';
<Meta title="EyebrowAmount" component={EyebrowAmountComponent}/>
<Story name="Primar
浏览 18提问于2021-12-28得票数 0
我用MDX创建了一个故事。我想演示一下我的内部按钮风格。 这个故事包含以下内容： <a class="btn btn-primary">
Primary Button
</a> 渲染时，故事书显示 <a class="sbdocs sbdocs-a btn btn-primary css-19nbuh3" target="_top">
Primary Button
<a> 因此，我的按钮无法以正确的css显示。 如何防止故事书MDX更改标记？
浏览 45提问于2020-08-31得票数 0
回答已采纳
我尝试在为我的故事书构建实时文档时使用MDX标记。当我运行storybook时，我得到了这个错误：
模块构建失败(从./node_modules/babel-loader/lib/index.js)：
SyntaxError: C:/Users/User/Desktop/priority-style-react/src/stories/Button1.stories.mdx: Unexpected token (12:9)
10 | const makeShortcode = name => function MDXDefaultShortcode(props) {
11 |
浏览 55提问于2020-02-05得票数 5
回答已采纳
我正在为我正在开发的一个故事书应用程序编写文档。我想知道我将如何设置内容的代码片段。例如： // ExampleComponent.tsx
import React, { ReactElement } from 'react'
interface ExampleComponentProps {
children: ReactElement
}
const ExampleComponent = ({ children }: ExampleComponentProps): ReactElement => (
<div>{children}</d
浏览 46提问于2021-07-29得票数 0
1回答
我正在为一个使用.mdx格式的项目设置故事书，我想设置eslint，这样我就可以检查像空格，字母顺序和其他事情。 我曾尝试设置此https://github.com/mdx-js/eslint-mdx，但当我运行eslint . --ext mdx时，在我的一个stories.mdx文件中得到以下错误： ? 有没有人可以给我一个好的资源来解决这个问题，或者告诉我我哪里做错了？ 干杯
浏览 20提问于2020-08-28得票数 3
2回答
我试图添加一个标志图像(svg)到我的导航组件。我正在使用故事簿和next.js。
我遵循了来自的配置，但是映像没有加载到故事书组件中。
为什么会这样呢？
// .storybook/main.js
module.exports = {
stories: [],
addons: [],
staticDirs: ['../public/images'],
};
// Nav.stories.mdx
import {Nav} from './Nav'
import {Canvas, Meta, Story} from '@storybook/a
浏览 3提问于2021-12-12得票数 1
回答已采纳
我正在使用故事书演示一些反应挂钩，而不是UI组件。我使用MDX作为故事格式，例如：
import { Meta, Story, Canvas } from '@storybook/addon-docs/blocks'
import { useRef } from 'react'
import useFullscreen from 'Hooks/use-fullscreen'
<Meta title="React Hooks/useFullscreen" />
## useFullscreen - react hoo
浏览 5提问于2022-08-01得票数 0
1回答
我在尝试故事书和脉轮ui。下面是我如何构造我的文件夹，
module.exports = {
"stories": [
"../src/**/*.stories.mdx",
"../src/**/*.stories.@(js|jsx|ts|tsx)"
],
"addons": [
"@storybook/addon-links",
"@storybook/addon-essentials",
"@storybook/preset-
浏览 1提问于2020-09-12得票数 1
1回答
我一直在使用我正在工作的React应用程序中的故事书，并且我在切换到新的预设时遇到了一些困难。如下图所示，当我运行下面的脚本时，故事书给了我一个关于预设的警告。
npm run build-storybook
WARN Storybook support for Create React App is now a separate preset.
WARN To use the new preset, install @storybook/preset-create-react-app and add it to the list of addons in your .storybook/ma
浏览 10提问于2022-06-07得票数 0
当用户被注销时，我有一个React页面被锁定。我为这个页面创建了一个简单的故事，但是它没有出现在仪表板上(使用yarn storybook提供服务)
.故事书/main.js
module.exports = {
stories: ["../src/**/*.stories.mdx", "../src/**/*.stories.@(js|jsx|ts|tsx)"],
addons: [
{
浏览 3提问于2021-03-26得票数 0
回答已采纳
1回答
如何在Markdown扩展*.stories.mdx文件中设置Storybook Meta组件的动态title属性？
import { Meta } from '@storybook/addon-docs/blocks';
// displays title as 'undefined' in sidebar nav
<Meta title={conditionalValue ? 'foo' : 'bar'} />
我还尝试在更高阶的组件中包装Meta，这会触发一个错误：Unexpected default expo
浏览 24提问于2020-03-03得票数 2
回答已采纳
1回答
我试图创建一个包含主题的故事书文件夹的文档。但是得到这个错误：
Uncaught Error: Unable to render story ... as the component annotation is missing from the default export
Migration.stories.mdx
import { Meta, Story} from '@storybook/addon-docs';
<Meta title="Documentation / Visual Update Migration" />
# Migra
浏览 15提问于2022-07-21得票数 0
我使用故事书中的画布标签：
<Canvas>
<Story name="Hello">
{MyStory.bind({})}
</Story>
</Canvas>
如果我将此代码添加到我的.mdx文件中，就会出现代码源代码，但我希望禁用负责显示源代码的按钮。
问:如何实现我所描述的？
浏览 4提问于2022-09-09得票数 -1
回答已采纳
我已经研究了几天了，但是找不到适用于我的用例的解决方案(或者至少还没有起作用)。我正试图让故事书与MUI 5风格工作。我尝试在这里跟踪迁移文档，但仍然没有看到MUI 5样式出现在故事书中，特别是我使用的全局字体中。我已经看到，它与情感不兼容，与故事书不兼容，并尝试使用情感^11.0.0。
目前使用的故事书6.5和MUI 5。任何指导将不胜感激。
这是我的预览js：
import React from 'react';
/* import { BrowserRouter } from 'react-router-dom'; */
import { Theme, d
浏览 8提问于2022-03-23得票数 0
我正在为项目创建ui-library (使用情感)，我添加了带docs插件的故事书，我似乎看不到样式化组件的道具。我怎么才能修复它呢？ "@storybook/addon-docs": "^6.0.0-rc.3",
"@storybook/addon-knobs": "^6.0.0-rc.3",
"@storybook/react": "^6.0.0-rc.3", // main.js module.exports = {
stories: ["../src/**/*.stories.
浏览 29提问于2020-07-14得票数 1
这个项目是nextjs。使用jsconfig.json文件对齐，当我运行该项目时，它正在工作。最重要的是当我运行纱线故事书时
. .storybook/main.js文件
module.exports = {
addons: ["@storybook/addon-links", "@storybook/addon-essentials"],
core: {
builder: {
name: "webpack5",
options: {
fsCache: true,
},
浏览 2提问于2022-06-29得票数 2
回答已采纳
我正在尝试将一个全局scss文件加载到故事书中，但一旦我将导入从.css更改为.scss，就会发现从@到ERROR in ./styles/globals.scss无法识别的错误。这是我目前遇到的错误。
这是我在main.js中的.storybook文件
//.storybook/main.js
module.exports = {
stories: [
'../stories/**/*.stories.mdx',
'../components/**/*.stories.mdx',
'../stories/**/*.stori
浏览 12提问于2021-12-12得票数 5
我在使用故事书创建组件库时，遇到了这样的问题:我的组件有一个实现的ngOnChanges方法，当我从storybook控件传入值时，它不会运行。值从故事传递到组件，组件对标题进行可视化更改，但是，虽然值被传递给变量，但我的ngOnChanges方法不会被触发。
这是我的故事书代码，在这里我传递的值：
import { moduleMetadata } from '@storybook/angular';
import { CommonModule } from '@angular/common';
// also exported from '@stor
浏览 15提问于2022-01-31得票数 3
3回答
使用Vite和Vue的构建就像一种魅力(因此路径是正确的)。然而，它并没有与故事书。
这里是我的配置：
vite.config.js
import { defineConfig } from 'vite'
import { resolve } from 'path'
import vue from '@vitejs/plugin-vue'
// https://vitejs.dev/config/
export default defineConfig({
css: {
preprocessorOptions: {
sc
浏览 20提问于2022-02-10得票数 9
回答已采纳
1回答
我创建了一个项目组件，它通过如下的路由参数获得它的标题：
const Article = () => {
const params = useParams()
const dashedTitle = params.title.replace(/ /g, '-')
return (
<article>
<MyMDX />
</article>
);
}
我想返回一个MDX文件，其名称与提供的标题相同。如果我在文章的顶部用<MyMDX />手动导入它，那么简单地返回import
浏览 5提问于2022-07-03得票数 0
回答已采纳
我正在使用Vite和Storybook创建一个UI库。不幸的是，故事书的构建是broken。
在dev模式下，我在构建过程中出现了一些错误，但是我还是可以浏览故事书组件。但生产建设完全失败，同样的错误。
以下是错误：
ERROR in ./node_modules/@chakra-ui/icons/node_modules/@chakra-ui/icon/dist/index.esm.js 58:28
Module parse failed: Unexpected token (58:28)
You may need an appropriate loader to handle this f
浏览 11提问于2022-09-05得票数 0
我已经将Nx软件包升级到了最新版本14.7.5，它破坏了我的故事簿版本，这个版本还在使用Webpack 4。因此，我认为将它升级到Webpack 5可能会解决问题，在迁移成功后，它正在成功构建，但故事簿被卡在主页上，无限地显示加载动画(XHR call /progress永不返回)，控制台中出现了Uncaught ReferenceError: exports is not defined错误。此错误来自我在JS中生成的一个文件(其余文件在TypeScript中)。我不确定这个错误是否是导致无限加载的原因，但这是我唯一的线索。
当我静态地构建故事簿时，它也会在编译过程中显示此警告：
expo
浏览 6提问于2022-09-16得票数 2
回答已采纳
1回答
我正在尝试用Ant设计和一个定制的Ant设计主题来设置故事书。主题使用较少的css文件来覆盖主题属性。
然而，当我试图使故事书复杂化时，我会遇到以下错误：
// https://github.com/ant-design/ant-motion/issues/44
.bezierEasingMixin();
^
Inline JavaScript is not enabled. Is it set in your options?
我已经将其配置为在故事书main.js文件中启用内联javascript，如下所示：
module.exports = {
stories: ['../s
浏览 0提问于2020-11-18得票数 2
回答已采纳
我在提供一本已建好的故事书时遇到了一个问题。正如你在下面看到的，它只显示了旋转器被遗忘了。当我打开控制台时，它说：Error: manager received sharedStateChanged-manager-storybook/viewport but was unable to determine the source of the event
下面是我的故事书配置文件：
main.js
module.exports = {
stories: [
"../src/**/*.stories.mdx",
"../src/**/*.s
浏览 7提问于2021-04-27得票数 3
回答已采纳
我的问题
关于mdx的nextjs文档声明它不支持frontmatter。相反，建议创建一个常量并导出它。然而，我似乎无法获得以这种方式导出的数据。例如，使用以下方法
/* -- ./pages/example.mdx -- */
export const meta = {
title: 'some example title'
}
/* -- ./pages/index.js -- */
import Example from './example.mdx';
export default function Index ({ ... props })
浏览 8提问于2022-06-01得票数 0
回答已采纳
在查看使用Next Image的Storybook组件时，我得到了以下错误：
Invalid src prop (https://picsum.photos/720/775) on `next/image`, hostname "picsum.photos" is not configured under images in your `next.config.js
下面是我的next.config.js的样子：
module.exports = {
images: {
domains: [process.env.NEXT_IMAGE_DOMAIN, "pi
浏览 7提问于2022-04-25得票数 0
回答已采纳
1回答
我正在尝试将MDX查询结果填充到datatable。查询是动态生成的。当我填充datatable列标题时，比如Dim Date.Day.Day。我需要它日志日期。
是否有任何方法来更改列标题？我是说，在TSQL中我们使用
select firstName [User] from users
有办法做到这一点吗？
提前感谢
浏览 5提问于2014-07-29得票数 1
1回答
我正在使用下一个css模块(sass)。我尝试了我遇到的每一个解决方案，但我仍然无法让它发挥作用。
我的问题是，当我运行故事书时，css不会从顺风编译@apply方法。有一个简单的解决方案，就是删除@apply并直接对元素使用类名，但是我没有时间去做，因为这个应用程序现在太大了。
// main.js
const path = require('path');
module.exports = {
stories: [
'../stories/**/*.stories.mdx',
'../stories/**/*.stories.@
浏览 13提问于2022-02-20得票数 4
回答已采纳
15回答
我想给由youtube-dl &ffmpeg转换的mp3添加标签：
youtube-dl -o '/Output/qpgTC9MDx1o.mp3‘qpgTC9MDx1o -f最佳音频-提取-音频-元数据从标题%(艺术家)%(标题)的2>&1
输出结果中有以下错误：
youtube qpgTC9MDx1o:下载网页youtube qpgTC9MDx1o:提取视频信息youtube qpgTC9MDx1o:下载js player en_US-vflugo3jjyoutube qpgTC9MDx1o:下载破折号清单下载qpgTC9MDx1o已下载100%的13
浏览 28提问于2015-06-11得票数 160
回答已采纳
我正试图在一个项目中建立故事簿。我的项目运行在react@^16上，我使用类型记录，为开发和构建提供了一个定制的babel和webpack设置。为了建立故事书，我做了
npx sb init
这就安装了所需的一切。它在根文件夹中放置一个.storybook文件夹，在我的src文件夹中放置一个stories文件夹，其中包含一些tsx格式的预置组件和故事(这正是我想要的)：
.storybook/main.js文件似乎很好：
module.exports = {
"stories": [
"../src/**/*.stories.mdx
浏览 3提问于2020-11-11得票数 5
回答已采纳
我正在从事一个项目，这是与lerna mono存储库设置，我们有多个stencilJS项目的单个组件内的monorepo包。
我的项目结构是：
我是一个故事书的新手，现在我必须在所有包的故事书的根层次上设置故事书。
我关注了互联网上的一篇文章，由于当前的安装风格，我已经设置了一些只适用于单个包组件的东西。
由于preview.js中的defineCUstomElements正在加载第一个项目包加载器，所以我只能看到第一个项目的故事。Css没有为第二个项目故事加载。
有没有人可以帮我在根级设置一个适用于所有包的故事书？
我的例子
storybook/main.js
module.exp
浏览 8提问于2021-06-02得票数 0
目前，我的og:title使用的是配置中定义的标题，而不是当前文档的标题。 ---
id: my_id
title: My Title ** I want it to pull in this
sidebar_label: My Title
--- 我已经将我的文件从.md更改为.mdx，并尝试在<Head>组件中定义它，但这不起作用。 import Head from '@docusaurus/Head';
<Head>
<meta property="og:title" content="My custom ti
浏览 16提问于2020-03-18得票数 1
1回答
我很难把我的第一本故事书写好。我正在使用最新的故事书版本和配置，并运行npx sb init来实现这一点，作为文档化的。
下面的故事文件将运行良好：
SampleComponent.stories.tsx:
import React from 'react';
// eslint-disable-next-line import/no-extraneous-dependencies
import { Meta } from '@storybook/react/types-6-0';
// eslint-disable-next-line import/no-ex
浏览 0提问于2021-02-08得票数 3
回答已采纳
2回答
我想要实现的
我正在寻找选择，以减少故事的数量，我们快照和测试的铬(目前已接近400)。我们使用故事书作为我们的设计系统，也用于颜色的视觉测试。
目前，我们的故事被大致地作为一个故事为每一组状态/主要变化的一个组成部分。例如，我们的按钮有：
尺寸- sm，m，l，响应
颜色-初级的、次要的、危险的等
布局-左图标，右图标
操场-一个包含单一按钮的故事，在那里你可以与所有不同的输入交互。操场故事已经被排除在色彩之外了。
我正在考虑在每个组件中添加一个“视觉测试”故事，在单个画布上有每个按钮的变化，然后在色标测试中只包含“视觉测试”故事。在按钮示例中，这将将按钮快照从3减少
浏览 13提问于2022-10-09得票数 0
回答已采纳
当我在Storybook main.js文件旁边添加故事书(Addon)时，它会刹车并停止工作。当我运行yarn storybook时，我遇到一个错误，它说在项目的父文件夹下找不到utils.js --不是项目的node_modules，而是在父文件夹下查找。
下面是我的配置文件：
module.exports = {
stories: ['../src/**/*.stories.mdx', '../src/**/*.stories.@(js|jsx|ts|tsx)'],
addons: [
'@storybook/addon-link
浏览 13提问于2022-10-04得票数 0
在我的Next.js项目中试图从mdx文件中要求元数据时，我遇到了一个问题。
MDX文件示例：
export const meta = {
title: 'title',
date: new Date('May 09, 2019'),
};
Content
export const getStaticProps = async context => {
const postFilenames = await recRead(process.cwd() + '/pages', ['*.tsx']);
co
浏览 2提问于2021-06-12得票数 1
1回答
我有一个。所有最新版本(角12.0.0，NX12.3.4，故事书6.3.0)我创建了一个名为ui-core的库，并添加了一个用于测试的示例导航菜单组件。然后，我添加了nx故事书原理图和故事书运行，我还设置它通过@ng-整齐/顺风使用顺风。
我也有一个依赖的kendo用户界面的角质谁公开了许多scss文件的样式他们的组件。
问题是，无论我试图从~@progress/kendo-theme-material导入样式的哪种方式，它们都不会应用到故事书实例中。
但是，如果我将组件从ui核心库导入到主角应用程序中并运行ng serve，它们就会得到应用。
示例:右边是使用菜单导航的应用程序的ng服务，左
浏览 3提问于2021-05-27得票数 0
回答已采纳
我正在重构一个从到使用并与有问题的refactoring。故事书的GUI打开，我在左边的面板上看到一个故事列表。但是，无论我选择哪个故事，我都会在Canvas选项卡中得到一个错误TypeError: fn.apply is not a function，如下所示：
我在Storybook的上发现了类似的问题，并试图在所有故事中将名称StorybookName更改为storybookName，还检查了故事中的所有React组件，以确保它们都被正确地定义为函数。
当它使用CRA时，故事书工作得很好，但是对于Vite，它是不起作用的。也许我缺少了Vite的一些配置，所以这里也是我的vite.c
浏览 4提问于2021-12-20得票数 2
回答已采纳
我正试着用我的故事本的文档加注。我已将我的故事簿配置如下：
module.exports = {
stories: [
'../src/**/*.stories.([tj]sx|mdx)',
'../docs/**/*.([tj]sx|mdx)'
],
addons: [
'@storybook/preset-typescript',
'@storybook/addon-actions/register',
'@storybook/addon-storysource&
浏览 6提问于2020-04-12得票数 4
回答已采纳
我正在运行一个创建-反应-应用程序(反应18.2.0)与反应-本机-web (0.18.10)和故事书(6.5.13)与副词@故事书/ addon反应-本地网站(0.0.19)。当我运行App.js文件时，它可以很好地处理npm run start文件中的本机代码。
但是，当我运行npm run storybook时，它会被卡在以下位置加载：
$ start-storybook -p 6006
info @storybook/react v6.5.13
info
info => Loading presets
info => Serving static files from .
浏览 9提问于2022-12-01得票数 0
我正在尝试使用故事簿来处理我的组件。我的组件使用SASS进行样式设计，但是当我开始编写故事书时，我会得到以下错误：
SassError: SassError: expected "{".
╷
2 │ var content = require("!!../../../node_modules/css-loader/dist/cjs.js?modules&importLoaders!../../../node_modules/sass-loader/dist/cjs.js!./fileUpload.scss");
│
浏览 6提问于2021-12-31得票数 5
1回答
例如，我有一些工作的select组件。它在故事书的画布选项卡中显示得很好，但在Docs选项卡中不显示选项
// some-select-component.stories.tsx
const options = [
{
id: 1,
name: 'option 1',
},
{
id: 2,
name: 'option 2',
},
{
id: 3,
name: 'option 3',
},
];
c
浏览 17提问于2022-04-22得票数 0
3回答
不显示风格的故事书
、、、
我有一个对话框组件，它在内部使用Primereact对话框。当我为同样的内容制作一个故事书时，在dialog.jsx中导入自定义css按钮时，它将被导入。但是Primereact对话框的默认css并不是在故事书中加载和反映。虽然它是加载在我的反应应用程序。
dialogComp.jsx
import { Dialog } from "primereact/dialog";
const DialogComp = (props) => {
return (
<Dialog
className="dialog-modal"
浏览 6提问于2020-12-24得票数 6
回答已采纳
在我的vue.config.js文件中包含(ref：)：
css: {
loaderOptions: {
sass: {
additionalData: `
@import "@/storybook-components/src/styles/utils/_variables.scss";
@import "@/storybook-components/src/styles/utils/_shadowMixins.scss";
`,
implementat
浏览 14提问于2022-01-31得票数 0
回答已采纳
1回答
我对故事书很陌生，非常清楚地说明了用角度写故事的惯用方式。下面是我的应用程序的一个例子：
import { Meta, Story } from '@storybook/angular';
import {CustomerListComponent} from "@app/modules/customer/customer-search/components/customer-list/customer-list.component";
export default {
title: 'Customer List',
componen
浏览 3提问于2021-12-17得票数 1
回答已采纳
更新:所以这段代码对我是有效的。请注意，数组的第一个和最后一个字母周围只有引号。我最初的选择在每个单词周围都有引号，这就是为什么gatsby没有拿起它们。 下面是正确的代码行 keywords: ["website, tutorial, web design"] 原问题 因此，我有一个博客帖子与frontmatter，我正在尝试添加关键字到我的博客帖子，以便我可以传递到我的SEO组件。但是，我不知道添加关键字的正确方法，因为我的终端中总是出现错误 下面是我的示例前言 ---
keywords: ["website", "tut
浏览 12提问于2020-10-25得票数 2
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
