📦 theme-classic

Docusaurus 的經典佈景主題。

你可以參考 佈景主題組態頁面 進一步了解組態。

npm

npm install --save @docusaurus/theme-classic

Yarn

yarn add @docusaurus/theme-classic

pnpm

pnpm add @docusaurus/theme-classic

提示

如果你已經安裝了 @docusaurus/preset-classic，你不必再安裝為相依性。

組態

已接受欄位

選項	類型	預設	說明
customCss	字串陣列 | 字串	[]	樣式表會作為 用戶端模組 匯入到全域。相關路徑會依據網站目錄解析。

備註

主題的大部分設定都是在「主題設定」中的 themeConfig 中完成。

範例設定

你可以透過預設選項或外掛選項設定這個主題。

提示

大部分 Docusaurus 使用者透過預設選項設定此外掛。

預設選項

如果你使用的是預設設定，請透過 預設選項 設定這個外掛。

docusaurus.config.js

module.exports = {
  presets: [
    [
      '@docusaurus/preset-classic',
      {
        theme: {
          customCss: './src/css/custom.css',
        },
      },
    ],
  ],
};

外掛選項

如果你是使用獨立的外掛，請直接提供選項給外掛。

docusaurus.config.js

module.exports = {
  plugins: [
    [
      '@docusaurus/theme-classic',
      {
        customCss: './src/css/custom.css',
      },
    ],
  ],
};