Obsidian Better Export PDF插件页眉间距调整技术指南

Obsidian Better Export PDF插件页眉间距调整技术指南

obsidian-better-export-pdf Obsidian PDF export enhancement plugin 项目地址: https://gitcode.com/gh_mirrors/ob/obsidian-better-export-pdf

在Obsidian的文档导出为PDF场景中，页眉与正文的间距控制是常见的排版需求。本文将深入解析通过Better Export PDF插件实现精细化间距控制的多种技术方案。

基础间距调整方案

通过修改页眉模板的CSS样式是最直接的解决方案。在插件配置中找到页眉模板设置区域，添加margin-top属性即可：

<div style="width:100vw; font-size:10px; text-align:center; margin-top:30px;">
  <span class="title"></span>
</div>

其中关键参数说明：

• margin-top:30px 控制页眉顶部留白
• width:100vw 确保页眉宽度适配页面
• font-size 建议保持较小字号避免空间浪费

高级打印媒体查询方案

对于需要复杂布局的场景，推荐使用CSS媒体查询实现专业级控制：

1. 在文档任意位置插入页眉HTML结构

<header>
  <img style="height:20px;" src="your-logo.png"/>
</header>

2. 在插件CSS配置中添加打印专用样式

@page {
  margin: 20px; /* 全局页边距 */
}

@media print {
  header {
    position: fixed;
    top: 0;
    margin-bottom: 15px; /* 控制页眉与正文间距 */
  }
}

技术要点：

• @media print 确保样式仅在打印/导出时生效
• position:fixed 使页眉出现在每页固定位置
• 通过组合margin和padding实现像素级精确控制

专业排版建议

1. 视觉平衡原则：页眉间距应与文档整体边距保持比例协调，建议设置为正文字号的2-3倍

2. 多元素排列：当页眉包含logo和文字时，建议使用flex布局：

header {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

3. 响应式考虑：针对不同纸张尺寸设置差异化间距：

@media print and (max-width: 210mm) {
  /* A4纸尺寸适配 */
  header { margin-bottom: 10px; }
}

通过灵活组合这些技术方案，用户可以轻松实现从简单到专业的各种页眉间距需求，打造完美的PDF导出效果。

obsidian-better-export-pdf Obsidian PDF export enhancement plugin 项目地址: https://gitcode.com/gh_mirrors/ob/obsidian-better-export-pdf