You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

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

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.10.06 20:42:03