如何修改Jekyll Time Machine主题的页眉标题字体大小？

你搜不到对应配置的核心原因很简单：这个主题的页眉样式根本没给标题加title/header-title这类带关键词的类名，全靠HTML标签嵌套选择器写规则，死磕关键词搜当然找不到。

快速定位对应样式的方法 #

别挨个翻scss文件碰运气，本地启动Jekyll服务打开站点后按F12调出开发者工具，用左上角的元素选择按钮直接点页面上那个过大的页眉标题，右侧「Computed（计算后样式）」面板里直接就能看到当前生效的font-size来自哪个选择器、在哪个样式文件的第几行。
这个主题默认的页眉标题规则就是写在time-machine.scss里的header h1选择器下，默认字号一般设到了3.5rem以上，所以才会显得特别大，你之前搜关键词漏了这个纯标签嵌套的选择器而已。

两种修改方案，按需选就行 #

• 直接修改原主题样式文件
  打开你本地存的time-machine.scss，搜索header h1定位到样式块，直接修改里面的font-size属性值到你觉得合适的大小就行，比如设成2rem或者24px都可以，要是觉得标题上下间距太大，顺便改下这个块里的margin和line-height就行。

  别乱改另外三个文件：jekyll-theme-time-machine.scss是主题样式入口文件，normalize.scss是浏览器样式重置，rouge-base16-dark.scss是代码高亮样式，三个文件里都没有页眉标题的字号配置。

• 自定义样式覆盖（不改动原主题文件）
  要是不想改原主题的scss内容，就在项目的assets/css目录下新建一个custom.scss，写入更高优先级的覆盖规则：

  header h1 {
    font-size: 2rem !important; // 数值按你需要的大小调整
  }
  /* 如果页眉副标题也觉得太大，可以一起改 */
  header h2 {
    font-size: 1.2rem !important;
  }
  

  写完记得去_layouts/default.html布局文件里，把这个自定义css的引用放到主题原有css引用的后面，保证样式优先级够高能覆盖默认规则就行。

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