我正在制作一个 NextJs 博客，我必须在动态页面中呈现我的降价。CSSReset 正在我的应用程序中使用，因此无法正确显示降价。有人可以帮我解决这个问题吗？

我的主题容器

我的降价文件

我没有做样式，因为我想知道如何解决我遇到的这个问题，所以我只留下了一个小组件来渲染内容

我应该尝试分叉这个 CSSReset 并删除导致它发生的样式吗？

目前，我在将 MDX 转换为 HTML 时遇到问题。

我正在为Tailwind 博客做这件事

Github 上的完整代码 → https://github.com/tailwindlabs/blog.tailwindcss.com

以下是相关代码：

脚本/build-rss.js

html变量记录到控制台：

如何获得纯 HTML？

我有一个带有故事书插件的 vue.js 项目。我正在尝试使用 Docs 插件编写故事，该插件允许您在 .mdx 中编写故事，但我无法让 linting 在 vs 代码中工作。

提前致谢，任何帮助将不胜感激！

我正在使用这里找到的示例项目https://github.com/vueschool/storybook-fundamentals/tree/master。

示例项目安装了 "eslint": "^6.7.2"。我已经安装了“eslint-plugin-mdx”：“^1.8.2”

我安装了以下扩展

正如https://github.com/mdx-js/eslint-mdx所建议的，我的 ES lint 配置看起来像这样

似乎 vs code 正在获取 mdx 文件，但似乎没有发生 linting，我做错了什么？

我还在 VS Code 设置中添加了以下内容，但它似乎没有做太多

我可能是从网上的一堆博客文章中拼凑出来的。一些博客使用autoprefixer，一些使用postcss-preset-env&这都是混乱。

我已tailwindcss作为开发依赖项安装并在pages/_app.tsx. 这是我的相关文件：

包.json

tailwind.config.js

postcss.config.js

我确定我做错了什么，但不知道是什么？

我有以下功能，我试图在“标题”和“摘要”中搜索在搜索栏中输入的内容。但是，这会引发一个错误，即此处不允许使用 'const'。

导入的 blogs1 具有这样的内容 - 如何使 MDX 文件的内容部分也可搜索？至少对于标题和摘要，我有一个键值对。但是如何使这个 MDX 文件内容中的文本（下面示例中的“目录”之后的任何内容）也可搜索？

我正在尝试遵循本教程。

这是 TL；DR：

它遵循类似于 Medium 的设计，图像向浏览器边缘渗出。

它有一个full-bleed图像类：

我真的不知道如何让我的next/image工作与这种东西？

我的Img.tsx文件看起来像：

我的components/mdx/index.ts样子：

我的.mdx文件包含普通的 HTMLimg标签，这些标签将使用Img上面写的组件（内部使用next/image）。

当我没有高度时如何获得全出血布局？我什layout="fill"至无法正常工作。它只是将图像重叠在一起。

有任何想法吗？

我想使用https://github.com/iamvishnusankar/next-sitemap来生成站点地图。

但是，当我正常使用它时：

下一个站点地图.js

它为我的所有帖子生成站点地图。

虽然，在我的.mdx文件中，我有一个published密钥可以知道该帖子是一个draft还是准备好published：

如何published从文件中读取密钥，.mdx以便生成仅包含published: true帖子的站点地图？

注意：我不能使用https://www.npmjs.com/package/gray-matter因为我的.mdx文件有一个导出的对象作为元数据。

因此，我正在根据Adam Wathan 的方法和他的 tailwlind 网站在我的下一个应用程序中开发布局系统。我让它适用于js文件，但看不到在 mdx 文件中执行它的语法。

它的工作方式是使用_app.js这样的：

然后，在我的 js 文件中，我可以这样做：

我设置layoutProps为适当的布局，然后 js 页面将应用该布局。

我的问题是，如果我有这样的 mdx 文件，（我相信）我有正确的导入语法来获取布局组件，但我不知道如何将它作为类似于我正在做的道具传递它来自我的 js 文件。有什么想法吗？

我正在尝试使用 Prism.js 在 Gatsby 中格式化代码块，但是我导入的内置 CSS 添加了一个文本阴影，使它看起来很糟糕：

当我在 Chrome DevTools 中关闭文本阴影时，它看起来很棒：

但是，我无法弄清楚如何在代码中执行此操作。

代码块从内置的 prism.css 文件继承 text-shadow CSS，该文件按如下方式导入：

import theme from "prism-react-renderer/themes/vsDark"

当我尝试使用内联样式时，它会被 prism.css 覆盖。如何删除此文本阴影？

什么工作：

• 布局正确应用于我的每个页面
• MDX 文件正确获取 Hero 和 section 组件并正确渲染容器的 HTML/CSS
• 加载并显示来自 MDX 的数据

什么不起作用：

• Hero 或 Section Shortcode 中的 MD 没有被渲染！# 不会转化为 H1 等。

我试过的：

• 在 Section & Hero => 错误中使用 MDXRender
• 直接在 MDX 文件中使用组件而不是短代码

问题：

• 不能在短代码中正确呈现 MD 吗？换句话说，MDX 不是递归渲染的吗？

内容/index.mdx：

我的 layout.js 看起来像这样：

我的 index.js 页面（自动加载）如下所示：

盖茨比配置：

Section.js 组件