我正在使用marp-cli創(chuàng)建講座幻燈片。 為了微調(diào)幻燈片內(nèi)容，我創(chuàng)建了一個自定義css，它擴(kuò)展了marp默認(rèn)css模板中實現(xiàn)的一些樣式規(guī)則。

我的目標(biāo): 我想在acustom-theme.css文件中具體化css規(guī)則，并將它們從。MD-幻燈片內(nèi)容所在的文檔。

問題是: 當(dāng)使用帶有- theme-set選項的marp-cli調(diào)用custom-theme.css時，我不能指定我的css & quot擴(kuò)展& quot默認(rèn)模板的樣式規(guī)則。

問題是: 如何指定我的custom-theme.css是基于marp默認(rèn)模板定義的？

提前感謝你的支持。

如果其他用戶遇到同樣的問題，這里以示例的形式陳述問題的解決方案——由Yuki服部哲(marp工具集的主要開發(fā)者)提供:

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

VS代碼中有一個動態(tài)主題呈現(xiàn)，不需要CLI。

安裝marp-team.marp-vscode擴(kuò)展 將下面的片段粘貼到。vscode/settings.json 更改您的*。相應(yīng)的css路徑和樣式

// Please put `.vscode/settings.json` on your workspace
{
  "markdown.marp.themes": [
    "https://example.com/foo/bar/custom-theme.css",
    "./themes/your-theme.css"
  ]
}