๐ฆ theme-classic
๋ํ์ฌ์ฐ๋ฃจ์ค์์ ์ฌ์ฉํ ์ ์๋ ํด๋์ ํ ๋ง์ ๋๋ค.
You can refer to the theme configuration page for more details on the configuration.
- npm
- Yarn
- pnpm
- Bun
npm install --save @docusaurus/theme-classic
yarn add @docusaurus/theme-classic
pnpm add @docusaurus/theme-classic
bun add @docusaurus/theme-classic
If you have installed @docusaurus/preset-classic, you don't need to install it as a dependency.
Configurationโ
์ค์ ํ ์ ์๋ ํ๋
| ์ต์  | ํ์ | ๊ธฐ๋ณธ๊ฐ | ์ค๋ช | 
|---|---|---|---|
| customCss | string[] | string | [] | Stylesheets to be imported globally as client modules. ์๋ ๊ฒฝ๋ก๋ ์ฌ์ดํธ ๋๋ ํฐ๋ฆฌ์ ๋ฐ๋ผ ์ ํด์ง๋๋ค. | 
Most configuration for the theme is done in themeConfig, which can be found in theme configuration.
Example configurationโ
ํ๋ฆฌ์  ์ต์ ์ด๋ ํ๋ฌ๊ทธ์ธ ์ต์ ์์ ํ ๋ง๋ฅผ ์ค์ ํ ์ ์์ต๋๋ค.
๋๋ถ๋ถ์ ๋ํ์ฌ์ฐ๋ฃจ์ค ์ฌ์ฉ์๋ ํ๋ฆฌ์  ์ต์ ์ ์ฌ์ฉํด ํ๋ฌ๊ทธ์ธ์ ์ค์ ํฉ๋๋ค.
- ํ๋ฆฌ์  ์ต์ 
- ํ๋ฌ๊ทธ์ธ ์ต์ 
ํ๋ฆฌ์ ์ ์ฌ์ฉํ๋ ๊ฒฝ์ฐ ํ๋ฆฌ์  ์ต์ ๋ฅผ ํตํด ํ๋ฌ๊ทธ์ธ์ ๊ตฌ์ฑํฉ๋๋ค.
module.exports = {
  presets: [
    [
      '@docusaurus/preset-classic',
      {
        theme: {
          customCss: './src/css/custom.css',
        },
      },
    ],
  ],
};
๋ ๋ฆฝ์ ์ผ๋ก ์คํ๋๋ ํ๋ฌ๊ทธ์ธ์ ์ฌ์ฉํ๋ ๊ฒฝ์ฐ์๋ ํ๋ฌ๊ทธ์ธ์ ๋ํ ์ต์ ์ ์ง์  ์ค์ ํ ์ ์์ต๋๋ค.
module.exports = {
  plugins: [
    [
      '@docusaurus/theme-classic',
      {
        customCss: './src/css/custom.css',
      },
    ],
  ],
};