html - 在“pkgdown”文章目录（TOC）中对齐标题和副标题

Question

我正在pkgdown为我的 R 包建立一个网站。一切都运行良好，但我还没有设法弄清楚的一个自定义是如何在目录 ( TOC ) 中对齐文章标题和副标题。

在下图中，

• 左边：来自我的ggstatsplot包裹网站的文章
  （https://indrajeetpatil.github.io/ggstatsplot/articles/web_only/effsize_interpretation.html）

• 右边：来自broom包装网站的文章
  （https://broom.tidyverse.org/articles/adding-tidiers.html）

请注意，文章 TOC 中的标题（红色箭头）ggstatsplot均与子标题垂直对齐，而broom文章 TOC 则以横向分隔来区分标题和子标题。这就是我想要的，但似乎无法弄清楚该怎么做。

简而言之：在给定标题与其下方的子标题之间创建横向分隔方面，如何将左侧 TOC 看起来像右侧的 TOC？

这是_pkgdown.yml我的包裹： https ://github.com/IndrajeetPatil/ggstatsplot/blob/master/_pkgdown.yml

Answer 1

以下 CSS 规则应解决缩进问题。您可以将其添加到pkgdown/extra.css。

#tocnav ul ul {
    margin-left: 25px;
}

CSS 为 . 下的任何嵌套列表添加 25px 的左边距#tocnav。根据需要调整边距大小。仅针对#tocnav是一种保守的方法，但您的 pkgdown 站点中可能还有其他地方也需要此规则。