这个mdbook项目是如何实现page-content的？

sunface / rust-course

“连续八年成为全世界最受喜爱的语言，无 GC 也无需手动内存管理、极高的性能和安全性、过程/OO/函数式编程、优秀的包管理、JS 未来基石" — 工作之余的第二语言来试试 Rust 吧。本书拥有全面且深入的讲解、生动贴切的示例、德芙般丝滑的内容，这可能是目前最用心的 Rust 中文学习教程 / Book

https://course.rs

24.92k stars 2.15k forks source link

这个mdbook项目是如何实现page-content的？ #1273

Closed codecoron closed 11 months ago

codecoron commented 1 year ago

手动试了一下mdbook项目，但是发现默认没有像作者一样的大纲导航。
手动clone了作者这个项目，发现关键是一个自定义了custom.js 和 theme/index.hbs theme/style.css，custom.js中会从Array中获取每个md文件的标题，然后处理数据，最后送到index.hbs渲染出来
请问，custom.js中的数据是怎么获取的？

sunface commented 1 year ago

看的不是很明白，custom.js 的代码应该挺清晰的，里面有哪个地方的数据获取方式有问题吗？

codecoron commented 1 year ago

你好，是不清楚custom.js中Array的数据是怎么获取的。比如Array是如何拿到每个md文档的标题

Yunkou commented 11 months ago

核心代码在这： https://github.com/sunface/rust-course/blob/7e45cdea50de6ae17d1a2acd33aea3c6afcf0711/assets/custom.js#L49-L73

通过 class 为 header 的拿到目录（每个标题都有个 class为 header 的 a 标签）
遍历 elements 将大纲添加到 pagetoc
通过 a 的父标签判断等级，增加缩进

Yunkou commented 11 months ago

@sunface 这个 Issues 可以关闭了

sunface commented 11 months ago

好的