diff options
| author |  Jonathan Neal <jonathantneal@hotmail.com>
| 2021-11-19 15:29:27 -0500 |
|---|---|---|
| committer |  GitHub <noreply@github.com>
| 2021-11-19 15:29:27 -0500 |
| commit | ebd4a8be3ac2d5b3cfb12b89ea23cdb865d44960 (patch) | |
| tree | 128e25d46cd5f6535becd2a8b840f7b96697103b /docs/src/pages/guides/markdown-content.md | |
| parent | 16d972fe46d02ecca98009e4eba445ef8b70cf55 (diff) | |
| download | astro-ebd4a8be3ac2d5b3cfb12b89ea23cdb865d44960.tar.gz astro-ebd4a8be3ac2d5b3cfb12b89ea23cdb865d44960.tar.zst astro-ebd4a8be3ac2d5b3cfb12b89ea23cdb865d44960.zip | |
Docs codeblock fixes (#1931)
* Update astro & markdown code blocks for consistency
* Add 'JSX in Frontmatter' note to Migration Guide
* code block improvements
Diffstat (limited to 'docs/src/pages/guides/markdown-content.md')
| -rw-r--r-- | docs/src/pages/guides/markdown-content.md | 12 |
1 files changed, 6 insertions, 6 deletions
diff --git a/docs/src/pages/guides/markdown-content.md b/docs/src/pages/guides/markdown-content.md index 734c308be..de7dd87d8 100644 --- a/docs/src/pages/guides/markdown-content.md +++ b/docs/src/pages/guides/markdown-content.md @@ -58,9 +58,9 @@ Astro treats any `.md` files inside of the `/src/pages` directory as pages. Thes Markdown pages have a special frontmatter property for `layout`. This defines the relative path to an `.astro` component which should wrap your Markdown content, for example a [Layout](/core-concepts/layouts) component. All other frontmatter properties defined in your `.md` page will be exposed to the component as properties of the `content` prop. The rendered Markdown content is placed into the default `<slot />` element. -```jsx -// src/pages/index.md +```markdown --- +# src/pages/index.md layout: ../../layouts/BaseLayout.astro title: My cool page --- @@ -68,9 +68,9 @@ title: My cool page # Hello World! ``` -```jsx -// src/layouts/BaseLayout.astro +```astro --- +// src/layouts/BaseLayout.astro const { content } = Astro.props; --- <html> @@ -176,7 +176,7 @@ const expressions = 'Lorem ipsum'; - Automatic indentation normalization - Automatic escaping of expressions inside code blocks - ```jsx + ```js // This content is not transformed! const object = { someOtherValue }; ``` @@ -185,7 +185,7 @@ const expressions = 'Lorem ipsum'; - Recursive Markdown support (Component children are also processed as Markdown) <MyFancyCodePreview client:visible> - ```jsx + ```js const object = { someOtherValue }; ``` </MyFancyCodePreview client:visible> |