2

使用 org-mode 从标题结构生成思维导图一直难以捉摸。有一个 Freemind 导出,但我不想启动外部应用程序,而且 Freemind 思维导图对我来说看起来很丑。

使用org-export-html和自定义 CSS 样式表在 HTML 中生成思维导图怎么样?

我找到了这个要点: 带有嵌套列表元素的纯 css 思维导图

它通过设置列表元素的样式来创建 HTML 思维导图,例如:

ul>li:nth-child(even):after

对于 org 模式的思维导图导出,您需要一个 CSS 样式表,它使用 H1、H2、H3 作为其思维导图节点,而不是像上面那样使用列表元素。九个标题级别绰绰有余。思维导图的 HTML 将仅显示标题,使用以下内容隐藏非标题文本:

p, li {display:none}

这样的 CSS 会是什么样子?你将如何修改上述要点,或创建一个新的 CSS 样式表,以允许这样的思维导图导出?

4

0 回答 0