微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

如何偏移降价链接锚以调整 Jekyll 中的固定标题?

如何解决如何偏移降价链接锚以调整 Jekyll 中的固定标题?

在 html 中,答案在这里offsetting an html anchor to adjust for fixed header

但是,我正在使用 jekyll 并且我希望所有锚链接都针对固定标题进行调整。否则,一旦单击锚链接标题将覆盖页面内容,如下所示:

example

- [Table of Contents](#table-of-contents)
- [Cost Model](#cost-model)
  - [Why? And Some Assumptions](#why-and-some-assumptions)
  - [Cost parameters](#cost-parameters)
  - [Two Types of Scanning Tables](#two-types-of-scanning-tables)
    - [Clustered](#clustered)
    - [Unclustered](#unclustered)
  - [Cost of the Scan Operator](#cost-of-the-scan-operator)
    - [Clsutered relation](#clsutered-relation)
    - [Unclustered relation](#unclustered-relation)
...
(truncated)

问题是我不知道如何向这些链接添加类,因为这些链接 1) 是自动的。由 vscode 中的降价插件创建,2)我找不到 jekyll 如何转换这些降价文件。只要我能找到方法给这些链接添加类,我就可以按照我开头说的指南进行操作。

我发现 Jekyll 的主题是在此处渲染我的 md 文件,但我找不到 jekyll 渲染“{{ content }}”的位置:

<!DOCTYPE html>
<html lang="{{ page.lang | default: site.lang | default: "en" }}">

  {%- include head.html -%}

  <body>

    {%- include header.html -%}

    <main class="page-content" aria-label="Content">
      <div class="wrapper">
        {{ content }}
      </div>
    </main>

    {%- include footer.html -%}

  <script type="text/javascript" src="{{site.baseurl | append: "/js/lightBox.js"}}"></script>
  <link rel="stylesheet" href="{{site.baseurl | append: "/css/lightBox.css"}}">
  <script src="{{'/node_modules/jquery/dist/jquery.min.js' | prepend: site.baseurl}}"></script>
    <script src="{{'/node_modules/popper.js/dist/umd/popper.min.js' | prepend: site.baseurl}}"></script>
    <script src="{{'/node_modules/bootstrap/dist/js/bootstrap.min.js' | prepend: site.baseurl}}"></script>  

</body>

</html>

感谢您的帮助。

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。