From fcd1728371f1863c0f20d3d39a10ca5544fa8e4b Mon Sep 17 00:00:00 2001 From: 100gle Date: Thu, 17 Aug 2023 14:57:04 +0800 Subject: [PATCH 1/3] i18n(zh-cn): Update `core-concepts/layout.mdx` --- src/content/docs/zh-cn/core-concepts/layouts.mdx | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/src/content/docs/zh-cn/core-concepts/layouts.mdx b/src/content/docs/zh-cn/core-concepts/layouts.mdx index 2724187b3f003..d7d69cdc6f978 100644 --- a/src/content/docs/zh-cn/core-concepts/layouts.mdx +++ b/src/content/docs/zh-cn/core-concepts/layouts.mdx @@ -185,7 +185,7 @@ Markdown/MDX 布局将通过 `Astro.props` 访问其文件的所有 [导出属 * 在 frontmatter 之外定义的值（例如 MDX 中的 `export` 语句）不可用。请考虑 [手动导入布局](#手动导入布局-mdx)。 ::: -### 手动导入布局 （MDX） +### 手动导入布局（MDX） 你可能需要将信息传递给你的 MDX 布局，而该信息不存在于（或无法存在于）你的 frontmatter 中。在这种情况下，你可以导入并使用一个 [`` 组件](/zh-cn/core-concepts/layouts/)，并像其他组件一样传递它的 props： @@ -207,7 +207,7 @@ function fancyJsHelper() { ``` 然后，你可以通过布局中的 `Astro.props` 访问你的值，而你的 MDX 内容将被注入到你的 `` 组件所在的页面中： -```astro "fancyJsHelper" "title" +```astro /{?title}?/ "fancyJsHelper" "{fancyJsHelper()}" --- // src/layouts/BaseLayout.astro const { title, fancyJsHelper } = Astro.props; From 91dff243181282ce5413d8bfe87be75a1e76df22 Mon Sep 17 00:00:00 2001 From: 100gle Date: Thu, 17 Aug 2023 14:59:40 +0800 Subject: [PATCH 2/3] chore: fix the broken link --- src/content/docs/zh-cn/core-concepts/layouts.mdx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/content/docs/zh-cn/core-concepts/layouts.mdx b/src/content/docs/zh-cn/core-concepts/layouts.mdx index d7d69cdc6f978..5eeff2daa6982 100644 --- a/src/content/docs/zh-cn/core-concepts/layouts.mdx +++ b/src/content/docs/zh-cn/core-concepts/layouts.mdx @@ -182,7 +182,7 @@ Astro.props = { Markdown/MDX 布局将通过 `Astro.props` 访问其文件的所有 [导出属性](/zh-cn/guides/markdown-content/#导出的属性)，**但有一些关键区别：** * 标题信息（即 `h1 -> h6` 元素）可通过 `headings` 数组访问，而不是 `getHeadings()` 函数。 * `file` 和 `url` 也作为嵌套的 `frontmatter` 属性（即 `frontmatter.url` 和 `frontmatter.file`）可用。 -* 在 frontmatter 之外定义的值（例如 MDX 中的 `export` 语句）不可用。请考虑 [手动导入布局](#手动导入布局-mdx)。 +* 在 frontmatter 之外定义的值（例如 MDX 中的 `export` 语句）不可用。请考虑 [手动导入布局](#手动导入布局mdx)。 ::: ### 手动导入布局（MDX） From 24ea1660e0e538309194a48dc4766ec91c825239 Mon Sep 17 00:00:00 2001 From: 100gle Date: Fri, 18 Aug 2023 09:49:38 +0800 Subject: [PATCH 3/3] feat: update from #4244 --- src/content/docs/zh-cn/core-concepts/layouts.mdx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/content/docs/zh-cn/core-concepts/layouts.mdx b/src/content/docs/zh-cn/core-concepts/layouts.mdx index 5eeff2daa6982..ef05af1457cfe 100644 --- a/src/content/docs/zh-cn/core-concepts/layouts.mdx +++ b/src/content/docs/zh-cn/core-concepts/layouts.mdx @@ -225,7 +225,7 @@ const { title, fancyJsHelper } = Astro.props; 一个 Astro 布局可以编写以接收 `.md` 和 `.mdx` 文件中的 `frontmatter` 对象，以及从 `.astro` 文件传递的任何命名 props。 -在下面的示例中，布局将从 Astro 组件传递的 `title` 属性或 frontmatter YAML `title` 属性中显示页面标题： +在下面的示例中，布局将从 frontmatter YAML `title` 属性或 Astro 组件传递的 `title` 属性中显示页面标题： ```astro /{?title}?/ /Astro.props[.a-z]*/ ---