html - 如何抵消 Markdown 链接锚以调整 Jekyll 中的固定标头?
问题描述
在 html 中,答案就在这里:offseting 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>
感谢您的任何帮助。
解决方案
推荐阅读
- javascript - 通过网站在 Whatsapp 中分享 url
- python - 在值重复的情况下,在字典中查找最大键的最大值的键
- typescript - 为 requirejs 模块创建 .d.ts 文件时遇到问题
- asp.net-web-api - Swashbuckle Swagger UI OAuth2 GET 令牌请求 unsupported_grant_type
- java - Vigenere 密码问题
- arrays - 使用 mongoose 将对象添加到数组中
- android - 运行具有运行时限制的新线程 android
- java - 如何中途停止 Button ActionListener 并等待用户再次点击?
- r - R中的绘图设置单个堆叠条宽度
- abap - 具有列之间比较的 OpenSQL