[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"project-3190":3},{"id":4,"name":5,"fullName":6,"owner":7,"repo":5,"description":8,"homepage":9,"htmlUrl":10,"language":11,"languages":10,"totalLinesOfCode":10,"stars":12,"forks":13,"watchers":14,"openIssues":15,"contributorsCount":16,"subscribersCount":16,"size":16,"stars1d":17,"stars7d":18,"stars30d":19,"stars90d":16,"forks30d":16,"starsTrendScore":20,"compositeScore":21,"rankGlobal":10,"rankLanguage":10,"license":22,"archived":23,"fork":23,"defaultBranch":24,"hasWiki":23,"hasPages":25,"topics":26,"createdAt":10,"pushedAt":10,"updatedAt":33,"readmeContent":34,"aiSummary":35,"trendingCount":16,"starSnapshotCount":16,"syncStatus":36,"lastSyncTime":37,"discoverSource":38},3190,"mdx","mdx-js\u002Fmdx","mdx-js","Markdown for the component era","https:\u002F\u002Fmdxjs.com",null,"JavaScript",19576,1185,86,9,0,3,12,75,15,88.72,"MIT License",false,"main",true,[27,28,5,29,30,31,32],"jsx","markdown","react","remark","unified","vue","2026-06-12 04:00:16","[![MDX][githubusercontent-logo]][website]\n\n# Markdown for the component era\n\n[![Build][build-badge]][build]\n[![Coverage][coverage-badge]][coverage]\n[![Sponsors][sponsors-badge]][collective]\n[![Backers][backers-badge]][collective]\n[![Chat][chat-badge]][chat]\n\n[MDX][website] is an authorable format that lets you seamlessly write JSX in\nyour markdown documents.\nYou can import components, such as interactive charts or alerts, and embed them\nwithin your content.\nThis makes writing long-form content with components a blast.\n🚀\n\n```mdx\nimport {Chart} from '.\u002Fsnowfall.js'\nexport const year = 2013\n\n# Last year’s snowfall\n\nIn {year}, the snowfall was above average.\nIt was followed by a warm spring which caused\nflood conditions in many of the nearby rivers.\n\n\u003CChart year={year} color=\"#fcb32c\" \u002F>\n```\n\nSee [§ What is MDX](https:\u002F\u002Fmdxjs.com\u002Fdocs\u002Fwhat-is-mdx\u002F) for more info on the\nformat.\nSee [§ Playground](https:\u002F\u002Fmdxjs.com\u002Fplayground\u002F) to try it out.\n\n## What is this?\n\nThis GitHub repository contains several packages for compiling the MDX format to\nJavaScript, integrating with bundlers such as webpack and Rollup, and for using\nit with frameworks such as React, Preact, and Vue.\n\nSee [§ Getting started](https:\u002F\u002Fmdxjs.com\u002Fgetting-started\u002F) for how to\nintegrate MDX into your project.\n\n## Security\n\nSee [§ Security][security] on our site for information.\n\n## Contribute\n\nSee [§ Contribute][contribute] on our site for ways to get started.\nSee [§ Support][support] for ways to get help.\n\nThis project has a [code of conduct][coc].\nBy interacting with this repository, organization, or community you agree to\nabide by its terms.\n\n## Sponsor\n\nSee [§ Sponsor][sponsor] on our site for how to help financially.\n\n\u003Ctable>\n\u003Ctr valign=\"middle\">\n\u003Ctd width=\"20%\" align=\"center\" rowspan=\"2\" colspan=\"2\">\n  \u003Ca href=\"https:\u002F\u002Fvercel.com\">Vercel\u003C\u002Fa>\u003Cbr>\u003Cbr>\n  \u003Ca href=\"https:\u002F\u002Fvercel.com\">\u003Cimg src=\"https:\u002F\u002Favatars1.githubusercontent.com\u002Fu\u002F14985020?s=256&v=4\" width=\"128\">\u003C\u002Fa>\n\u003C\u002Ftd>\n\u003Ctd width=\"20%\" align=\"center\" rowspan=\"2\" colspan=\"2\">\n  \u003Ca href=\"https:\u002F\u002Fmotif.land\">Motif\u003C\u002Fa>\u003Cbr>\u003Cbr>\n  \u003Ca href=\"https:\u002F\u002Fmotif.land\">\u003Cimg src=\"https:\u002F\u002Favatars1.githubusercontent.com\u002Fu\u002F74457950?s=256&v=4\" width=\"128\">\u003C\u002Fa>\n\u003C\u002Ftd>\n\u003Ctd width=\"20%\" align=\"center\" rowspan=\"2\" colspan=\"2\">\n  \u003Ca href=\"https:\u002F\u002Fwww.hashicorp.com\">HashiCorp\u003C\u002Fa>\u003Cbr>\u003Cbr>\n  \u003Ca href=\"https:\u002F\u002Fwww.hashicorp.com\">\u003Cimg src=\"https:\u002F\u002Favatars1.githubusercontent.com\u002Fu\u002F761456?s=256&v=4\" width=\"128\">\u003C\u002Fa>\n\u003C\u002Ftd>\n\u003Ctd width=\"20%\" align=\"center\" rowspan=\"2\" colspan=\"2\">\n  \u003Ca href=\"https:\u002F\u002Fwww.gitbook.com\">GitBook\u003C\u002Fa>\u003Cbr>\u003Cbr>\n  \u003Ca href=\"https:\u002F\u002Fwww.gitbook.com\">\u003Cimg src=\"https:\u002F\u002Favatars1.githubusercontent.com\u002Fu\u002F7111340?s=256&v=4\" width=\"128\">\u003C\u002Fa>\n\u003C\u002Ftd>\n\u003Ctd width=\"20%\" align=\"center\" rowspan=\"2\" colspan=\"2\">\n  \u003Ca href=\"https:\u002F\u002Fwww.gatsbyjs.org\">Gatsby\u003C\u002Fa>\u003Cbr>\u003Cbr>\n  \u003Ca href=\"https:\u002F\u002Fwww.gatsbyjs.org\">\u003Cimg src=\"https:\u002F\u002Favatars1.githubusercontent.com\u002Fu\u002F12551863?s=256&v=4\" width=\"128\">\u003C\u002Fa>\n\u003C\u002Ftd>\n\u003C\u002Ftr>\n\u003Ctr valign=\"middle\">\u003C\u002Ftr>\n\u003Ctr valign=\"middle\">\n\u003Ctd width=\"20%\" align=\"center\" rowspan=\"2\" colspan=\"2\">\n  \u003Ca href=\"https:\u002F\u002Fwww.netlify.com\">Netlify\u003C\u002Fa>\u003Cbr>\u003Cbr>\n  \u003C!--OC has a sharper image-->\n  \u003Ca href=\"https:\u002F\u002Fwww.netlify.com\">\u003Cimg src=\"https:\u002F\u002Fimages.opencollective.com\u002Fnetlify\u002F4087de2\u002Flogo\u002F256.png\" width=\"128\">\u003C\u002Fa>\n\u003C\u002Ftd>\n\u003Ctd width=\"10%\" align=\"center\">\n  \u003Ca href=\"https:\u002F\u002Fwww.coinbase.com\">Coinbase\u003C\u002Fa>\u003Cbr>\u003Cbr>\n  \u003Ca href=\"https:\u002F\u002Fwww.coinbase.com\">\u003Cimg src=\"https:\u002F\u002Favatars1.githubusercontent.com\u002Fu\u002F1885080?s=256&v=4\" width=\"64\">\u003C\u002Fa>\n\u003C\u002Ftd>\n\u003Ctd width=\"10%\" align=\"center\">\n  \u003Ca href=\"https:\u002F\u002Fthemeisle.com\">ThemeIsle\u003C\u002Fa>\u003Cbr>\u003Cbr>\n  \u003Ca href=\"https:\u002F\u002Fthemeisle.com\">\u003Cimg src=\"https:\u002F\u002Favatars1.githubusercontent.com\u002Fu\u002F58979018?s=128&v=4\" width=\"64\">\u003C\u002Fa>\n\u003C\u002Ftd>\n\u003Ctd width=\"10%\" align=\"center\">\n  \u003Ca href=\"https:\u002F\u002Fexpo.io\">Expo\u003C\u002Fa>\u003Cbr>\u003Cbr>\n  \u003Ca href=\"https:\u002F\u002Fexpo.io\">\u003Cimg src=\"https:\u002F\u002Favatars1.githubusercontent.com\u002Fu\u002F12504344?s=128&v=4\" width=\"64\">\u003C\u002Fa>\n\u003C\u002Ftd>\n\u003Ctd width=\"10%\" align=\"center\">\n  \u003Ca href=\"https:\u002F\u002Fboostnote.io\">Boost Note\u003C\u002Fa>\u003Cbr>\u003Cbr>\n  \u003Ca href=\"https:\u002F\u002Fboostnote.io\">\u003Cimg src=\"https:\u002F\u002Fimages.opencollective.com\u002Fboosthub\u002F6318083\u002Flogo\u002F128.png\" width=\"64\">\u003C\u002Fa>\n\u003C\u002Ftd>\n\u003Ctd width=\"10%\" align=\"center\">\n  \u003Ca href=\"https:\u002F\u002Fmarkdown.space\">Markdown Space\u003C\u002Fa>\u003Cbr>\u003Cbr>\n  \u003Ca href=\"https:\u002F\u002Fmarkdown.space\">\u003Cimg src=\"https:\u002F\u002Fimages.opencollective.com\u002Fmarkdown-space\u002Fe1038ed\u002Flogo\u002F128.png\" width=\"64\">\u003C\u002Fa>\n\u003C\u002Ftd>\n\u003Ctd width=\"10%\" align=\"center\">\n  \u003Ca href=\"https:\u002F\u002Fwww.holloway.com\">Holloway\u003C\u002Fa>\u003Cbr>\u003Cbr>\n  \u003Ca href=\"https:\u002F\u002Fwww.holloway.com\">\u003Cimg src=\"https:\u002F\u002Favatars1.githubusercontent.com\u002Fu\u002F35904294?s=128&v=4\" width=\"64\">\u003C\u002Fa>\n\u003C\u002Ftd>\n\u003Ctd width=\"10%\">\u003C\u002Ftd>\n\u003Ctd width=\"10%\">\u003C\u002Ftd>\n\u003C\u002Ftr>\n\u003Ctr valign=\"middle\">\n\u003Ctd width=\"100%\" align=\"center\" colspan=\"8\">\n  \u003Cbr>\n  \u003Ca href=\"https:\u002F\u002Fopencollective.com\u002Funified\">\u003Cstrong>You?\u003C\u002Fstrong>\u003C\u002Fa>\n  \u003Cbr>\u003Cbr>\n\u003C\u002Ftd>\n\u003C\u002Ftr>\n\u003C\u002Ftable>\n\n## License\n\n[MIT][] © Compositor and [Vercel][]\n\n[backers-badge]: https:\u002F\u002Fopencollective.com\u002Funified\u002Fbackers\u002Fbadge.svg\n\n[build]: https:\u002F\u002Fgithub.com\u002Fmdx-js\u002Fmdx\u002Factions\n\n[build-badge]: https:\u002F\u002Fgithub.com\u002Fmdx-js\u002Fmdx\u002Fworkflows\u002Fmain\u002Fbadge.svg\n\n[chat]: https:\u002F\u002Fgithub.com\u002Fmdx-js\u002Fmdx\u002Fdiscussions\n\n[chat-badge]: https:\u002F\u002Fimg.shields.io\u002Fbadge\u002Fchat-discussions-success.svg\n\n[coc]: https:\u002F\u002Fgithub.com\u002Fmdx-js\u002F.github\u002Fblob\u002Fmain\u002Fcode-of-conduct.md\n\n[collective]: https:\u002F\u002Fopencollective.com\u002Funified\n\n[contribute]: https:\u002F\u002Fmdxjs.com\u002Fcommunity\u002Fcontribute\u002F\n\n[coverage]: https:\u002F\u002Fcodecov.io\u002Fgithub\u002Fmdx-js\u002Fmdx\n\n[coverage-badge]: https:\u002F\u002Fimg.shields.io\u002Fcodecov\u002Fc\u002Fgithub\u002Fmdx-js\u002Fmdx\u002Fmain.svg\n\n[githubusercontent-logo]: https:\u002F\u002Fraw.githubusercontent.com\u002Fmdx-js\u002F.github\u002F5a63e56\u002Fimage\u002Fcover.svg?sanitize=true\n\n[mit]: license\n\n[security]: https:\u002F\u002Fmdxjs.com\u002Fgetting-started\u002F#security\n\n[sponsor]: https:\u002F\u002Fmdxjs.com\u002Fcommunity\u002Fsponsor\u002F\n\n[sponsors-badge]: https:\u002F\u002Fopencollective.com\u002Funified\u002Fsponsors\u002Fbadge.svg\n\n[support]: https:\u002F\u002Fmdxjs.com\u002Fcommunity\u002Fsupport\u002F\n\n[vercel]: https:\u002F\u002Fvercel.com\n\n[website]: https:\u002F\u002Fmdxjs.com\n","MDX 是一种允许在 Markdown 文档中无缝编写 JSX 的可编写格式。其核心功能包括支持导入和嵌入组件，如交互式图表或警告框等，这使得在长篇内容中使用组件变得非常方便。技术上，MDX 通过编译器将 MDX 格式转换为 JavaScript，并提供了与 Webpack、Rollup 等打包工具以及 React、Preact 和 Vue 框架集成的支持。它特别适合于需要结合文本和互动元素的文档网站、博客或是任何希望增强内容表达力的应用场景。",2,"2026-06-11 02:52:50","top_language"]