如何为Just the Docs Jekyll主题自定义页眉标题字号

1. 创建自定义CSS文件 #

在你的GitHub Pages项目根目录下，创建assets/css/custom.css文件（若已存在则直接编辑）。

2. 添加CSS规则覆盖默认样式 #

在custom.css中写入以下代码，将font-size的值替换为你需要的字号（比如1rem、1.2rem等）：

/* 调整页眉主页标题字号 */
.site-header .site-title {
  font-size: 1.2rem;
}

如果标题链接的样式需要单独调整，可补充：

.site-header .site-title a {
  font-size: inherit; /* 继承父元素字号，也可直接设置具体数值 */
}

3. 配置主题加载自定义CSS #

打开项目的_config.yml文件，添加或修改以下配置，确保主题能识别你的自定义样式文件：

# 启用自定义CSS
custom_css:
  - assets/css/custom.css

4. 验证修改效果 #

将所有修改提交到GitHub，等待GitPages完成构建后，查看页眉左上角的标题字号是否已按预期调整。

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