Distill搭配Postcards构建站点Github部署后首页navbar空白、footer不显示问题

导航栏顶部空白修复 #

该问题是postcards首页模板的样式优先级高于全局theme.css导致的，且postcards首页DOM结构和普通distill页面不同，全局样式规则无法匹配生效，本地预览正常、线上异常一般是增量构建残留旧缓存导致的。
修复步骤：

1. 打开index.Rmd，在YAML配置块结束后的第一行插入以下内联CSS，直接覆盖首页的默认边距：

<style>
body {
  margin-top: 0 !important;
  padding-top: 0 !important;
}
.distill-site-nav {
  margin-top: 0 !important;
}
</style>

2. 全量重新构建站点，清除历史缓存：在R控制台执行rmarkdown::render_site(clean = TRUE)，不要用增量构建功能，避免旧的index.html残留。

首页不显示页脚修复 #

postcards的输出模板默认不会加载distill全局配置的_footer.html，需要手动在首页引入。在index.Rmd的最末尾插入以下代码块即可：

```{r, echo=FALSE, results="asis"}
htmltools::includeHTML("_footer.html")
```

如果你的页脚文件存放路径不是根目录，自行调整路径参数即可。

额外校验项 #

推送前确认本地构建生成的docs文件夹内的index.html已经包含上述插入的CSS和页脚代码，再推送到Github仓库即可。

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