如何使用任意 HTML 文件在边栏中显示 Table 的内容？

Question

我想制作一个带有边栏 table 内容 (TOC) 的网页，例如这些示例：

我生成 HTML 文件（使用 emacs org-mode），其中似乎包含以下对 Table 内容的描述：

<div id="table-of-contents">
<h2>Table of Contents</h2>
<div id="text-table-of-contents">
<ul style="list-style-type:none">
<li><a href="#org0595c1a">1. Heading 1</a></li>
<li><a href="#orgb4d7ab6">2. Heading 2</a></li>
</ul>
</div>

在 org-mode 下，有可能使用 CSS 文件，当使用此行文件导出时：

#+html_head: <link rel="stylesheet" type="text/css" href="style.css"/>

但是我没有在边栏中找到创建此目录的 CSS 文件。

我不知道 javascript 或 CSS 所以我很感激任何建议。

Answer 1

这是一个示例，您可以如何使用 fniessen/org-html-themes 中的 ReadTheDocs 主题来完成此操作。下面的关键位当然是#+SETUPFILE。

#+TITLE: My Website
#+SETUPFILE: https://fniessen.github.io/org-html-themes/org/theme-readtheorg.setup

* Top-Level Heading
** About Me
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor
incididunt ut labore et dolore magna aliqua. Egestas fringilla phasellus
faucibus scelerisque eleifend donec pretium. Imperdiet proin fermentum leo vel
orci. Habitasse platea dictumst vestibulum rhoncus est. Netus et malesuada fames
ac turpis. Molestie ac feugiat sed lectus vestibulum. Vitae justo eget magna
fermentum iaculis eu non. Proin sed libero enim sed faucibus turpis in eu. Sit
amet consectetur adipiscing elit ut aliquam purus sit amet. Vel pharetra vel
turpis nunc eget lorem dolor sed. Morbi non arcu risus quis varius quam quisque.
Sed nisi lacus sed viverra tellus in hac habitasse. Tortor pretium viverra
suspendisse potenti.


** Coding Exercise
Here's a little C code example that started my journey in the exciting world of
programming.

#+begin_src C
#include <stdio.h>
int main() {
   printf("Hello, World!");
   return 0;
}
#+end_src

结果：

如何使用任意 HTML 文件在边栏中显示 Table 的内容？

How to use display Table of Contents in sidebar with arbitrary HTML file?

html

css

emacs

org-mode