如何解决如何偏移降价链接锚以调整 Jekyll 中的固定标题?
在 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>
感谢您的帮助。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。