# mdx **Repository Path**: mirrors/mdx ## Basic Information - **Project Name**: mdx - **Description**: MDX 可以让你在 Markdown 文档中使用 JSX 代码来输出格式 - **Primary Language**: JavaScript - **License**: MIT - **Default Branch**: main - **Homepage**: None - **GVP Project**: No ## Statistics - **Stars**: 0 - **Forks**: 0 - **Created**: 2020-08-13 - **Last Updated**: 2023-08-17 ## Categories & Tags **Categories**: template-engine **Tags**: None ## README [![MDX][githubusercontent-logo]][website] # Markdown for the component era [![Build][build-badge]][build] [![Coverage][coverage-badge]][coverage] [![Sponsors][sponsors-badge]][collective] [![Backers][backers-badge]][collective] [![Chat][chat-badge]][chat] [MDX][website] is an authorable format that lets you seamlessly write JSX in your markdown documents. You can import components, such as interactive charts or alerts, and embed them within your content. This makes writing long-form content with components a blast. 🚀 ```mdx import {Chart} from './snowfall.js' export const year = 2013 # Last year’s snowfall In {year}, the snowfall was above average. It was followed by a warm spring which caused flood conditions in many of the nearby rivers. ``` See [§ What is MDX](https://mdxjs.com/docs/what-is-mdx/) for more info on the format. See [§ Playground](https://mdxjs.com/playground/) to try it out. ## What is this? This GitHub repository contains several packages for compiling the MDX format to JavaScript, integrating with bundlers such as webpack and Rollup, and for using it with frameworks such as React, Preact, and Vue. See [§ Getting started](https://mdxjs.com/getting-started/) for how to integrate MDX into your project. ## Security See [§ Security][security] on our site for information. ## Contribute See [§ Contribute][contribute] on our site for ways to get started. See [§ Support][support] for ways to get help. This project has a [code of conduct][coc]. By interacting with this repository, organization, or community you agree to abide by its terms. ## Sponsor See [§ Sponsor][sponsor] on our site for how to help financially.
Vercel

Motif

HashiCorp

GitBook

Gatsby

Netlify

Coinbase

ThemeIsle

Expo

Boost Note

Markdown Space

Holloway


You?

## License [MIT][] © Compositor and [Vercel][] [backers-badge]: https://opencollective.com/unified/backers/badge.svg [build]: https://github.com/mdx-js/mdx/actions [build-badge]: https://github.com/mdx-js/mdx/workflows/main/badge.svg [chat]: https://github.com/mdx-js/mdx/discussions [chat-badge]: https://img.shields.io/badge/chat-discussions-success.svg [coc]: https://github.com/mdx-js/.github/blob/main/code-of-conduct.md [collective]: https://opencollective.com/unified [contribute]: https://mdxjs.com/community/contribute/ [coverage]: https://codecov.io/github/mdx-js/mdx [coverage-badge]: https://img.shields.io/codecov/c/github/mdx-js/mdx/main.svg [githubusercontent-logo]: https://raw.githubusercontent.com/mdx-js/.github/5a63e56/image/cover.svg?sanitize=true [mit]: license [security]: https://mdxjs.com/getting-started/#security [sponsor]: https://mdxjs.com/community/sponsor/ [sponsors-badge]: https://opencollective.com/unified/sponsors/badge.svg [support]: https://mdxjs.com/community/support/ [vercel]: https://vercel.com [website]: https://mdxjs.com