maupassant-hugo
maupassant-hugo copied to clipboard
目录显示不正常
目录在左边显示不正常。
可以尝试使用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']
试了一下,有效果,但是体验还是很差,一是没有了阅读时的实施定位功能,二是需要鼠标点击才出来,toc放在左边,严重破坏阅读体验。
我把config里的toc改成false后, 单独在文章里加toc=true, 仍有目录显示, 但显示是正常的, 可以试试
打算用这个主题,但是目录体验确实很差,希望作者能改进下,多谢~
试了一下,有效果,但是体验还是很差,一是没有了阅读时的实施定位功能,二是需要鼠标点击才出来,toc放在左边,严重破坏阅读体验。
我试了 @vhxubo 的方法,Hugo版本:0.101.0,效果不错,鼠标移过去就把目录显示出来了,不需要点击鼠标,建议作者合并至master. @rujews
建议前端高手贡献commit