时间戳

首页 > 解决方案 > MDX renderer - Gatsby Site -

  • , 
     and  tags not rendering

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

    • 问题描述

    标签： gatsbygatsby-plugin-mdx

    解决方案

    你完全是在过度杀伤这个问题。您无需在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;

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

    推荐阅读