Hugo主题JuiceBar自动大纲侧边栏缺失及字体调整求助

一、自动大纲侧边栏不显示的解决步骤 #

• 检查全局配置文件
  打开站点根目录的config.toml/config.yaml/config.json，确认是否开启了目录大纲功能：

  [params]
    enableToc = true # 部分主题用toc = true，根据主题文档调整
  

• 检查文章Front Matter
  每篇文章开头的Front Matter需要单独开启大纲（若全局未强制开启）：

  ---
  title: "文章标题"
  toc: true
  ---
  

• 验证主题模板渲染逻辑
  查看主题的文章模板文件（通常在layouts/_default/single.html），确认是否包含Hugo内置的大纲生成代码：

  {{ if .Params.toc }}
    <div class="toc">
      {{ .TableOfContents }}
    </div>
  {{ end }}
  

  若模板中缺少这段代码，需手动添加，或确认主题是否有单独的大纲组件未启用。

二、修改文章字体大小的方法 #

• 定位主题CSS文件
  主题的样式文件通常存放在assets/css目录下，比如main.css、article.css；若使用SCSS预编译，则在assets/scss目录（如_article.scss）。
• 修改对应CSS选择器
  找到文章内容对应的选择器（常见为.article-content、.post-content或.content），调整font-size属性：

  .article-content {
    font-size: 16px; /* 替换为你需要的字号 */
  }
  

  如需单独调整标题层级字号，可针对性设置：

  .article-content h1 {
    font-size: 2.2rem;
  }
  .article-content h2 {
    font-size: 1.8rem;
  }
  

• 推荐自定义CSS方式
  为避免直接修改主题文件导致更新丢失，可在assets/css下新建custom.css，写入自定义样式后，在主题配置或模板中引入该文件，实现样式隔离。

内容的提问来源于stack exchange，提问作者threebriers