GitHub 页面上 Monos 主题中的 toc 实现问题标签:GitHub Pages、Jekyll、Monos、toc

问题描述 投票:0回答:0

我在使用 Jekyll 的 Monos 主题在我的 GitHub 页面博客中实现目录 (toc) 时遇到问题。我已经成功实现了 toc,但问题是 toc 包括整个帖子内容,而不仅仅是标题。

这是我在 post.html 文件中使用的代码:

<article class="post">
  <header class="post-header">
    <div class="post-title"> 
      {{ page.title | escape }}
    </div>
    <time class="post-date dt-published" datetime="{{ page.date | date_to_xmlschema }}" itemprop="datePublished">
      {%- assign date_format = site.date_forma | default: "%Y/%m/%d" -%}
      {{ page.date | date: date_format }}
    </time>    
  </header>

  <div class="post-content">
    {{ content }}
  </div>

</article>

<!-- toc -->
{% if page.toc %}
<div id="toc" class="toc">
  <h2>Contents</h2>
  {{ content | toc_only }}
</div>
{% endif %}

这里是我的_config.yml文件中的相关代码:

markdown: kramdown
kramdown:
  input: GFM
  auto_ids: true
  footnote_nr: 1
  smart_quotes: lsquo,rsquo,ldquo,rdquo
  toc_levels: 1..3
  syntax_highlighter: coderay

plugins:
  - jekyll-feed
  - jekyll-toc

我尝试更改 {{ 内容 | toc_only }} 到 {{ toc_content | toc_only }} 因为我认为这可能与内容变量冲突,但这没有用。

github github-pages jekyll-theme
© www.soinside.com 2019 - 2024. All rights reserved.