如何修改rmdformats的downcute CSS，实现readthedown风格作者日期布局

结论 #

完全可以通过叠加自定义CSS实现你要的效果，不需要修改原主题代码，操作非常简单。

相关元素说明 #

• #postamble：rmdformats系列主题通用的页脚容器，作者、日期、版权声明等元数据默认都存储在这个容器内
• .Content p.authors/.Content p.date：downcute主题专属的类，默认控制正文开头处作者、日期文本的样式
• 你要修改的逻辑本质是：downcute默认隐藏了#postamble，把作者日期拆出来放在正文开头；readthedown是直接把#postamble固定在左侧TOC底部，我们只要复现这个逻辑即可。

落地操作步骤 #

1. 在你的Rmd文件所在的同级文件夹中，新建一个名为custom.css的纯文本文件
2. 将以下代码完整复制粘贴到custom.css中保存：

/* 隐藏正文开头默认展示的作者、日期 */
.Content p.authors, .Content p.date {
  display: none !important;
}

/* 启用downcute默认隐藏的页脚容器，固定到TOC左下角 */
#postamble {
  display: block !important;
  position: fixed;
  left: 20px;
  bottom: 30px;
  width: calc(var(--sidebar-width) - 40px);
  color: #adb5bd;
  font-size: 0.9em;
  line-height: 1.5;
}

/* 适配页脚内链接的颜色和TOC风格统一 */
#postamble a {
  color: #74c0fc;
}

3. 修改你的Rmd文件头部的YAML配置，引入自定义CSS，参考配置如下：

---
title: "你的文档标题"
author: "作者名称"
date: "`r Sys.Date()`"
output:
  rmdformats::downcute:
    toc: true
    self_contained: true
    css: custom.css
---

自定义调整说明 #

• 如果要调整作者日期的左右位置，修改#postamble下的left属性值即可
• 如果要调整上下位置，修改bottom属性值即可
• 文字颜色、字号也可以根据自己的喜好直接修改对应属性值

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