jekyll - 任何元素的Kramdown ID？

Question

我一直在学习 Jekyll，它使用 Kramdown 作为 HTML 预处理器。

我似乎无法解决的是如何为元素分配 id。

在 Kramdown 创建一个有序列表，您只需使用

1. 
2. 

但是我到底如何为这个元素分配一个 ID 用于 CSS 或链接到？

所以例如

<ul id="list">
  <li id="1">1</li>

我试过了

1. item {#}

Answer 1

您可以在使用 kramdown 时应用 ID 和类，是的！

This is a paragraph
{: #my_id .my_class}


# This is an h1 header  {: #my_id}

在这篇文章中查看更多可以用 kramdown 做的很酷的事情

希望有所帮助！:)

Answer 2

要在元素上添加id属性，请将内联属性列表紧跟在列表标记（即数字和句点）之后。注意后面必须有空格。li.

例如这个kramdown：

1. {: #id-for-item-1 } List Item 1   
2. {: #id-for-item-2 } List Item 2

生成此 HTML：

<ol>
  <li id="id-for-item-1">List Item 1</li>
  <li id="id-for-item-2">List Item 2</li>
</ol>

另请注意，IAL 中需要冒号 ( :)。