gatsby - MDX renderer - Gatsby Site - , and tags not rendering

Answer 1

你完全是在过度杀伤这个问题。您无需在gatsby-browser.js“让 MDX 理解”中创建实例。您的 MDX 工作正常，因为您正在渲染<ul>和<li>. 您只缺少样式。

在您分享的屏幕截图中，可以看到以下内容：

Inherited from ul
ol, ul {
   list-style: none;
}

这使您的列表“看起来像一个<p>”。

您只需要向它们添加正确的样式或删除重置样式。默认情况下，<ul>具有：

display: block; 
list-style-type: disc; 
margin-top: 1em; 
margin-bottom: 1 em; 
margin-left: 0; 
margin-right: 0; 
padding-left: 40px;

和<li>：

display: list-item; 

恢复默认样式后，您的列表标签将保持原样。