html - 为什么 div 标签会破坏 github-pages 中的 Markdown

Question

使用带有 github-pages 的 jekyll

我在 index.md 中有这个:

<div class="grey-box">
  GET /projects/<span class="variable project_id">{Project ID}</span>/codes/<span class="variable code_id">{Code ID}</span>/download
</div>

它在编译时破坏了 Markdown ，所以我将 div 更改为这样的跨度:

<span class="grey-box">
  GET /projects/<span class="variable project_id">{Project ID}</span>/codes/<span class="variable code_id">{Code ID}</span>/download
</span>

CSS:

.grey-box {
   background: #EEE;
   padding: 5px 10px;
}

现在一切都是肉汁。知道 div 导致此错误的原因吗？

Answer 1

Markdown 不解析 block 级 HTML 元素，其中 <div>是一个。

来自 the documentation :

Note that Markdown formatting syntax is not processed within block-level HTML tags. E.g., you can’t use Markdown-style *emphasis* inside an HTML block.

这不仅仅是 GitHub Pages 的情况，绝大多数 Markdown 解析器也是如此。