首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >如何使用带有任意HTML文件的侧栏中显示目录?

问如何使用带有任意HTML文件的侧栏中显示目录?
EN

Stack Overflow用户
提问于 2022-01-13 08:41:41
回答 1查看 631关注 0票数 0

我想用一个边栏目录(TOC)制作一个网页,如下所示:

  1. 书刊
  2. 木星TOC2

我生成HTML文件(使用emacs模式),其中似乎包括对目录的以下描述:

代码语言:javascript
复制
<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>

在组织模式下,有可能在与此文件一起导出时使用CSS文件:

代码语言:javascript
复制
#+html_head: <link rel="stylesheet" type="text/css" href="style.css"/>

但是我还没有在侧边栏中找到一个CSS文件来创建这个TOC。

我不知道javascript或CSS,所以我希望有任何建议。

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2022-01-16 01:37:44

下面是一个示例,说明如何使用来自ReadTheDocs的fniessen/org-html-themes主题来完成这个任务。下面的关键部分当然是#+SETUPFILE。

代码语言:javascript
复制
#+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

结果:

​

票数 2
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/70693619

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档