Hugo使用LoveIt主题如何设置代码块默认展开或部分显示?
LoveIt 主题 Hugo 代码块默认折叠问题解决方案
全局默认展开所有代码块
修改你站点的参数配置文件(通常为 config.toml 或 config/_default/params.toml),在 [params.code] 配置块下设置 fold 参数为 false:
[params.code] # 设为 false 代表所有代码块默认全部展开 fold = false
该配置全局生效,所有代码块默认展示完整内容,右上角仍保留折叠按钮,用户可手动收起。
自定义折叠规则(按需展示部分内容)
如果你希望短代码默认展开、长代码默认折叠仅显示前几行,可通过 foldThreshold 参数配置折叠门槛:
- 全局配置:在上述
[params.code]块中添加配置,示例如下:[params.code] fold = true # 代码行数超过10行时才默认折叠,不足10行默认完全展开 foldThreshold = 10 - 单个代码块单独配置:不需要全局改动的话,可直接在代码围栏的属性中指定参数,优先级高于全局配置:
```python {foldThreshold=5} # 该代码块超过5行时默认折叠,点击展开查看全部 def demo(): print("行1") print("行2") print("行3") print("行4") print("行5") print("行6,默认折叠隐藏")
单篇文章特殊配置
如果仅需要某篇文章的代码块不默认折叠,可在文章的 Front Matter 中单独添加配置:
--- title: "你的文章标题" date: 2024-01-01T12:00:00+08:00 [code] fold = false ---
内容的提问来源于stack exchange,提问作者Greg Bulmash
相关产品推荐
相关产品推荐

