首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >Kramdown扩展

Kramdown扩展
EN

Stack Overflow用户
提问于 2016-11-25 12:23:52
回答 1查看 511关注 0票数 1

Kramdown有一个很酷的内容生成表

代码语言:javascript
复制
{: .toc}

这将生成一个很好的TOC,如html中的顺序/无序列表,如下所示:

代码语言:javascript
复制
<ul id="markdown-toc">
   <li></li>
   ...
</ul>

但有时我想控制更多,比如使用引导List Group,甚至使用<div>标记,然后使用<ul><li></li></ul>

有没有一种方法可以继承/重写这个toc模块来生成我自己的标记?

注意:我在jekyll中使用了github页面。

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2017-12-27 22:19:01

不幸的是,没有-- {: toc}语法除了通过toc_levels不接受任何修改(这允许您指定toc深度;有关详细信息,请参阅备选文件 )。实际上,您可以根据是否使用你是希望这份清单是无序的还是被订购的?指定

代码语言:javascript
复制
* Table of contents
{: toc}

代码语言:javascript
复制
1. Table of contents
{: toc}

还可以通过使用{: .no_toc}选项排除标头(至少在使用auto-ids时是这样的,因为只添加了带有id的标头,如果不使用该选项,也可以不提供id):

代码语言:javascript
复制
# Header
{: .no_toc}

还有任何与CSS、Javascript或后置处理有关的内容。但是,这通常比较简单,因为您可以将整个toc封装在一个<div>中,如果您希望或者添加任何您想要的类到包含toc<ul>/<ol>中。如果您在让tocdiv中生成时遇到了困难,请确保允许在目录本身包含parse_block_htmlmarkdown="block"选项的情况下使用块级解析。例如,

代码语言:javascript
复制
# Header

<div markdown="block" id="xyzzy">
* TOC
{: toc .class}
</div>

应生成

代码语言:javascript
复制
<h1 id="header">Header</h1>

<div id="xyzzy">
<ul class="class" id="markdown-toc">
  <li><a href="#header" id="markdown-toc-header">Header</a></li>
</ul>

</div>
票数 2
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/40805012

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档