๐ฆ theme-classic
๋ํ์ฌ์ฐ๋ฃจ์ค์์ ์ฌ์ฉํ ์ ์๋ ํด๋์ ํ ๋ง์ ๋๋ค.
์ธ๋ถ ์ค์ ์ ํ ๋ง ์ค์ ํญ๋ชฉ์ ์ฐธ๊ณ ํ์ธ์.
- npm
- Yarn
- pnpm
npm install --save @docusaurus/theme-classic
yarn add @docusaurus/theme-classic
pnpm add @docusaurus/theme-classic
@docusaurus/preset-classic
์ ์ค์นํ ๊ฒฝ์ฐ์๋ ํ
๋ง๋ฅผ ๋ฐ๋ก ์ค์นํ ํ์๋ ์์ต๋๋ค.
์ค์ โ
์ค์ ํ ์ ์๋ ํ๋
์ต์ | ํ์ | ๊ธฐ๋ณธ๊ฐ | ์ค๋ช |
---|---|---|---|
customCss | string[] | string | [] | ์ ์ญ ํด๋ผ์ด์ธํธ ๋ชจ๋๋ก ๊ฐ์ ธ์ฌ ์คํ์ผ์ํธ์ ๋๋ค. ์๋ ๊ฒฝ๋ก๋ ์ฌ์ดํธ ๋๋ ํฐ๋ฆฌ์ ๋ฐ๋ผ ์ ํด์ง๋๋ค. |
ํด๋น ํ
๋ง์ ๋ํ ๋๋ถ๋ถ ์ค์ ์ ํ
๋ง ์ค์ ์ themeConfig
ํญ๋ชฉ์์ ์ค์ ๋ฉ๋๋ค.
์ค์ ์์โ
ํ๋ฆฌ์ ์ต์ ์ด๋ ํ๋ฌ๊ทธ์ธ ์ต์ ์์ ํ ๋ง๋ฅผ ์ค์ ํ ์ ์์ต๋๋ค.
๋๋ถ๋ถ์ ๋ํ์ฌ์ฐ๋ฃจ์ค ์ฌ์ฉ์๋ ํ๋ฆฌ์ ์ต์ ์ ์ฌ์ฉํด ํ๋ฌ๊ทธ์ธ์ ์ค์ ํฉ๋๋ค.
- ํ๋ฆฌ์ ์ต์
- ํ๋ฌ๊ทธ์ธ ์ต์
ํ๋ฆฌ์ ์ ์ฌ์ฉํ๋ ๊ฒฝ์ฐ ํ๋ฆฌ์ ์ต์ ๋ฅผ ํตํด ํ๋ฌ๊ทธ์ธ์ ๊ตฌ์ฑํฉ๋๋ค.
module.exports = {
presets: [
[
'@docusaurus/preset-classic',
{
theme: {
customCss: './src/css/custom.css',
},
},
],
],
};
๋ ๋ฆฝ์ ์ผ๋ก ์คํ๋๋ ํ๋ฌ๊ทธ์ธ์ ์ฌ์ฉํ๋ ๊ฒฝ์ฐ์๋ ํ๋ฌ๊ทธ์ธ์ ๋ํ ์ต์ ์ ์ง์ ์ค์ ํ ์ ์์ต๋๋ค.
module.exports = {
plugins: [
[
'@docusaurus/theme-classic',
{
customCss: './src/css/custom.css',
},
],
],
};