微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

在 Github 上创建目录 (TOC):有什么办法可以去掉项目符号点,这样我就可以拥有更干净的 TOC?

如何解决在 Github 上创建目录 (TOC):有什么办法可以去掉项目符号点,这样我就可以拥有更干净的 TOC?

每当我尝试它时,即使使用带有 list-style-type: none 的 HTML 和 CSS,我似乎也无法摆脱要点。

我设法得到的最远的是添加一个 <style> 元素,它确实有效,但 Github 没有完全解析 HTML 并且 <style> 元素也显示为纯文本,这不是行为我开始使用 VS Code。

<style>
  #TOC ul {
    list-style-type: none;
  }
</style>

<div id="TOC">
  <ul>
    ...
  </ul>
</div>

文本 <style> #TOC ul { list-style-type: none; } </style> 将在渲染后出现在真正的 TOC 之前。

解决方法

来自 @Waylan 的评论:GitHub 记录了他们的标记处理 here。请注意,第二步——在第一步中将 Markdown 转换为 HTML 之后——通过以下方式清理 HTML:

(...) 积极删除可能伤害您和您的亲属的东西——例如脚本标签、内联样式和 classid 属性。

这意味着 Github 故意不希望用户创建自定义样式,因此,理论上,您无法真正做到您所要求的。但是,在实践中,您仍然可以通过以下方式利用 Github 的 CSS:

<div id="user-content-toc">
  <ul>
    ...
  </ul>
</div>

这就是最终在实践中的样子——您可以查看示例here

Proper Github Table of Contents

请记住,这肯定不是理想的。因为 Github 可能会随时更改 id,这会破坏您的样式。尽管如此,在 id 消失的情况下,在最坏的情况下,事情将默认为 <ul> - 这并不像它们完全扭曲 <ul> 的行为的情况那么糟糕,所以请注意出来!

我已经在我的网站 post 上将这整个磨难变成了 fanaro.io

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。