css - Marp-CLI : How to use a custom theme that imports the default theme

Question

我正在使用 marp-cli 创建讲座幻灯片。为了微调幻灯片内容，我创建了一个自定义 css，它扩展了在 marp 默认 css 模板中实现的一些样式规则。

我的目标:我想在 custom-theme.css 文件中外部化 css 规则，并将它们从幻灯片内容所在的 .md 文档中删除。

问题:当使用带有 --theme-set 选项的 marp-cli 调用 custom-theme.css 时，我无法指定我的 css“扩展”的样式规则默认模板。

问题:如何指定我的 custom-theme.css 是基于 marp 默认模板定义的？

在此先感谢您的支持。

Answer 1

如果其他用户遇到同样的问题，这里以示例的形式说明了问题的解决方案——由 Yuki Hattori(marp 工具集的主要开发人员)提供:

马尔:Markdown.md

---
theme: custom-theme
---

# Hello, world!

/* custom-theme.css */
/* @theme custom-theme */

@import 'default';

section {
  /* Override default background */
  background: #def;
}

Marp-cli:

marp --engine ./engine.js --bespoke.progress --watch --theme-set custom-theme.css -- mymarkdo

另见: https://github.com/marp-team/marp-cli/issues/266