RFC: 单个文件中有多个 MDX
作者: ChristopherBiscardi创建于 2019年3月7日更新于 2023年8月29日
标签💬 type/discussion🙆 yes/confirmed
一个文件中的多个MDX
更广泛的生态系统似乎需要从一个文件来源的多个MDX组件。 考虑以下例子。
- mdx-deck
mdx-deck使用从单一文件中取出多个MDX组件来制取滑动甲板.
{\fn方正粗倩简体\fs12\an8\1cHFFFF00\b0}这是我甲板的标题 -- -- . . . 关于我 -- -- . . . {\fn黑体\fs22\bord1\shad0\3aHBE\4aH00\fscx67\fscy66\2cHFFFFFF\3cH808080}你觉得呢? < 代码片断 />
-- -- . . .
从“./组件/Demo”导入Demo
<Demo /> (中文(简体) ).
-- -- . . .
结束
.
小内容
网站通常使用多个内容更小的块。 我用Gatsbyjs.org网站的一些模拟内容来说明这一点, 但几乎所有的产品网站都这样做的地方包括
< 详细- 概述> > 下一步 < / 概述>
![image] (https://user-images.githubusercontent.com/551247/53987158-0f467c00-40d5-11e9-9670-0c169d604389.png) (中文(简体) ).
</详情>
< 细节> > 摘要 > 反应 </摘要 >
![image] (https://user-images.githubusercontent.com/551247/53986821-0dc88400-40d4-11e9-896e-d091200f7dc2.png).
</详情>
< 详细> 摘要> > Terraform </ summary >
![image] (https://user-images.githubusercontent.com/551247/53986799-fee1d180-40d3-11e9-97a9-8129d4a63ed.png) (中文(简体) ).
</详情>
减记
# 现代的网络技术没有头痛
享受最新网络技术的威力 — React.js, Webpack, 现代JavaScript和CSS等等——所有设置和等待您开始建设.
-- -- . . .
带上你自己的数据
Gatsby 丰富的数据插件生态系统允许您用您想要的数据构建站点 — 从一个或多个来源: 从无头 CMS、 SaaS 服务、 API 、 数据库、 文件系统中提取数据, 并使用 GraphQL 更直接地进入您的页面 。
-- -- . . .
{\fn方正粗倩简体\fs12\an8\1cHFFFF00\b0}整个互联网的规模
Gatsby.js为互联网缩放. 忘记数据库和服务器的复杂部署及其昂贵、耗时的设置费用、维护和扩大恐惧。 Gatsby.js 将您的网站建为“静态”文件,可以很容易地部署在数十项服务上。
.
QQ"故事",文献网站,以及其他有趣的使用案例
MDX是"故事本"故事文件的可行替代,但是在新文件中写出一个新故事的例子是大量的间接费用. 此外,在单个文件中写出一组带有代码块的例子,可以产生被记录的动态实例.
预期行为
我提议的行为是定义从一个文件中装入多个MDX组件的方法. 以下小例子:
一些内容
-- -- . . .
更多b内容
-- -- . . .
缩写(概念上)将产生一系列MDX组件
{\fn黑体\fs22\bord1\shad0\3aHBE\4aH00\fscx67\fscy66\2cHFFFFFF\3cH808080}你来干什么? [ 函数 MDXContent({组件,.道具}}{ 返回( ưμ㼯A < div name= “ wrapper” 组件%% 1 组件% 1
{`some community > /p > (中文(简体) ). (三) {\fn华文楷体\fs16\1cHE0E0E0} 函数 MDXContent ({ . . . . . . .
内容来源: mdx-js/mdx