问题标签 [mdxjs]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
reactjs - 如何在带有 MDXJS 的 MDX / Markdown 文件中使用 i18next / react-i18next？
我们使用MDXJS包在 Markdown 中编写内容，并在其中使用 React 组件。
有没有办法在 MDX / Markdown 文件中使用i18next / react-i18next包？
javascript - Calling hooks inside MDX
I'm documenting a hook I've created with MDX, and I want to create a button that - when clicked - triggers this hook.
Basically, what I want is this
Basically, I want to create a function component inline, and call it. What's the best way to achieve this?
I can wrap my expression in a React.Fragment and call React.createElement on it manually, but that seems like a rough implementation.
Edit: I can improve it even more by creating a wrapper component, InlineComponent, and wrap my code in it:
The implementation would simply be
However, this seems like a weird workaround for something that could be built in to the MDX framework somehow.
javascript - Gatsby Markdown 图像被模糊的跨度卡住
我正在与 Gatsby 合作，我想用降价的图片加载我的帖子。
我正在使用本教程： https ://www.gatsbyjs.org/docs/working-with-images-in-markdown/
我正确加载和删除了我的“featuredImage”，然后模糊了跨度。
但是 Markdown 中的图像被加载，但模糊的跨度仍然留在页面上。
我的gatsby-config.js
看这些图片：
javascript - 从 MDX 访问 React 组件状态
假设我有以下文件。
我认为一种方法可以是使用状态值更新全局或上下文，然后创建另一个仅获取上下文值的组件。
有没有更好（更容易）的方法来实现这一目标？
javascript - 使用 Gatsby JS 和 markdown MDX，如何在 MDX 中渲染 HTML5 动画？
使用 Gatsby JS 建立个人博客，使用优秀的Chronoblog 主题。我需要在 Markdown MDX 文档中嵌入 HTLM5 动画的小片段。
动画演示由Google WEB Designer创建并作为资产在本地导出；js 和 html 文件。
有什么建议么？
markdown - 如何在 Gatsby 网站的 Markdown Mdxjs 中响应式地并排添加图像？
我想使用 Markdown Mdxjs（对于 Gatsby 网站）响应式地并排放置图像。
表格对我不起作用，因为：
- 有必要为列添加标题（我只想显示图像，没有文字）。
- 它对移动设备没有响应（如果图像太大，它们应该显示在下一行）
- 无法调整图像大小
gatsby - 如何在 Gatsby 博客 Mdx 文件中导入图像（用于光滑的轮播）
我目前正在尝试建立一个 Gatsby 的博客。
在查看文档时，我遇到了Mdx，这是一种在 Markdown 文件中使用 React 组件的方法（顺便说一句，这是一个很棒的概念！）。
但是，我很快遇到了一个限制：目前 mdx 似乎只支持“盖茨比图像”。例如，如果我把它放在 .mdx 文件中......
...此代码将生成 Gatsby 图像。这很棒，但现在如果我想生成“经典”图像怎么办？像React Slick Carousel这样的一些库需要一个简单的<img>标签。
例如，以下 .mdx 代码将不起作用：
（在此处查看相应的 GH 问题）
我发现让它工作的唯一方法是使用简码和导入：
索引.mdx
布局.js
post/slick-carousel.js
我的问题：
- 这种实现有点违背了 MDX 的承诺：在 markdown 中包含所有组件代码。如何改进我的代码？
- 在post/slick-carousel.js中，您是否看到我如何生成 Gatsby 图像而不仅仅是图像标签？
非常感谢！
javascript - 无法启动服务器：Gatsby 应用程序 - 意外的模板字符串
尝试通过 npm start/gatsby develop 启动服务器时，我的 gatsby 应用程序遇到问题。上一次使用，没有遇到任何问题，但是下次尝试启动时，错误显示为：
附上截图供您参考。
gatsby - 有没有办法在 Gatsby 中修改 MDX frontmatter？
我正在gatsby-plugin-mdx与盖茨比一起使用。我在draft我的 frontmatter 中添加了一个字段，我想在 is 时将其值覆盖为始终为NODE_ENVfalse "production"。请注意，这gatsby-plugin-draft似乎不会修改 MDX AST 并且与gatsby-plugin-mdx.
javascript - Gatsby Mdx frontmatter 为空
我有一个定义了 frontmatter 的 mdx gatsby 页面。
我在以下配置了默认布局gatsby-config.js：
布局尝试使用它的 props 访问 frontmatter：
问题是 frontmatter 总是一个空对象：
所以要形成一个问题。如何访问我的 frontmatter？