maupassant-hugo icon indicating copy to clipboard operation
maupassant-hugo copied to clipboard

目录显示不正常

Open iamwlb opened this issue 4 years ago • 6 comments

目录在左边显示不正常。 截屏2020-04-13 下午8 41 03

iamwlb avatar Apr 13 '20 12:04 iamwlb

可以尝试使用customCSS,将目录修改为获得焦点后展开。 修改后的样式见 Vhxubo' blog,以下是具体的解决方案:

  • themes/maupassant/static/css目录下创建toc_style.css文件,填入以下内容
.post-toc {
  transition: all .3s ease;
}

.post-toc:hover,.post-toc:active {
  width: 200px !important;
}
  • config.toml中填入以下内容
[params]
  customCSS = ['toc_style.css']

vhxubo avatar Apr 14 '20 02:04 vhxubo

试了一下,有效果,但是体验还是很差,一是没有了阅读时的实施定位功能,二是需要鼠标点击才出来,toc放在左边,严重破坏阅读体验。

iamwlb avatar Apr 14 '20 22:04 iamwlb

我把config里的toc改成false后, 单独在文章里加toc=true, 仍有目录显示, 但显示是正常的, 可以试试

atmgnd avatar Apr 18 '20 07:04 atmgnd

打算用这个主题,但是目录体验确实很差,希望作者能改进下,多谢~

xujpxm avatar Apr 22 '20 03:04 xujpxm

试了一下,有效果,但是体验还是很差,一是没有了阅读时的实施定位功能,二是需要鼠标点击才出来,toc放在左边,严重破坏阅读体验。

我试了 @vhxubo 的方法,Hugo版本:0.101.0,效果不错,鼠标移过去就把目录显示出来了,不需要点击鼠标,建议作者合并至master. @rujews

iamhaifeng avatar Aug 13 '22 09:08 iamhaifeng

建议前端高手贡献commit

flysnoworg avatar Aug 15 '22 01:08 flysnoworg