Siricee / hexo-theme-Chic

An elegant, powerful, easy-to-read Hexo theme.
https://siricee.github.io/hexo-theme-Chic/
Other
872 stars 175 forks source link

请求在 Chic 主题中添加文章内目录功能 #138

Closed greendolphindance closed 8 months ago

greendolphindance commented 8 months ago

您好!首先感谢您开发了 Chic 主题,我非常喜欢。

我有一个请求,希望能在 Chic 主题中添加文章内目录的功能。我尝试了一些在线教程来实现这个功能,但效果都不是很理想。唯一成功的尝试是通过这个教程(链接),但生成的目录有一些问题:

您可以在这里查看我实现的效果:示例

如果可能的话,我希望您能考虑开发这个功能。比如,在屏幕右下角显示一个可以展开目录的图标,这样在阅读文章时会更加方便。

另外,如果您现在没有兴趣或精力开发这个功能,也麻烦您或许能不能帮我看一下,为什么我实现的目录点击后无法跳转。

非常感谢您的帮助和付出!期待您的回复。

greendolphindance commented 8 months ago

啊啊啊,点击后无法跳转的问题解决了,原来是_config.yml里没有配置好。修改后的版本:

toc:
  maxdepth: 3
  class: toc
  slugify: transliteration
  decodeEntities: false
  anchor:
    position: before
    symbol: ''
    style: header-anchor

但还是暗戳戳期待一个更美丽的目录功能!鞠躬!

Siricee commented 8 months ago

你说的这个toc是markdown渲染的时候生成到html内容中的toc,这个是文章的内容的一部分,我是没办法直接控制的,你可以添加自定义样式来控制它的显示。我在主题里用的toc-bot就是一个第三方目录插件,你可以把这个组件改成你要的样式,这样也可以脱离生成到内容中的toc。

greendolphindance commented 8 months ago

你说的这个toc是markdown渲染的时候生成到html内容中的toc,这个是文章的内容的一部分,我是没办法直接控制的,你可以添加自定义样式来控制它的显示。我在主题里用的toc-bot就是一个第三方目录插件,你可以把这个组件改成你要的样式,这样也可以脱离生成到内容中的toc。

感谢分享!捣鼓了半天,实现了一个丑丑的目录> <。请问您方便告知一下您用这个插件时候的设置嘛?您这个太好看啦。

greendolphindance commented 8 months ago

啊,打扰了,我不会编程,一开始不知道可以直接去Demo Site看源代码……现在已经解决啦。感谢!