Question

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

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

我的网站在这里：https://anthonyive.github.io/website/blogs/2021/04/19/query-execution-study-note.html#table-of-contents
我的目录代码在这里

- [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>

感谢您的帮助。

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

0 个答案: