📦 plugin-content-pages

도큐사우루스의 기본 페이지 플러그인입니다. 클래식 템플릿에는 기본 설정으로 플러그인이 포함되어 있습니다. 페이지 만들기 기능을 제공하는 플러그인입니다.

설치

npm

npm install --save @docusaurus/plugin-content-pages

Yarn

yarn add @docusaurus/plugin-content-pages

tip

@docusaurus/preset-classic을 설치한 경우에는 기본 페이지 플러그인을 따로 설치할 필요는 없습니다. 아래와 같이 설정하는 대신 classic preset options에서 설정할 수 있습니다.

설정

docusaurus.config.js

module.exports = {  plugins: [    [      '@docusaurus/plugin-content-pages',      {        /**         * 사이트 디렉터리의 상대 경로로         * 파일 시스템의 데이터 경로를 설정합니다.         * 디렉터리 내 컴포넌트는 자동으로 페이지로 변환됩니다.         */        path: 'src/pages',        /**         * 여러분의 사이트 페이지 URL 경로를 설정합니다.         * 절대 URL 끝에 슬래시를 붙이지 마세요.         */        routeBasePath: '',        include: ['**/*.{js,jsx,ts,tsx,md,mdx}'],        /**         * 아래 설정한 파일은 라우트 처리를 하지 않습니다.         */        exclude: [          '**/_*.{js,jsx,ts,tsx,md,mdx}',          '**/_*/**',          '**/*.test.{js,jsx,ts,tsx}',          '**/__tests__/**',        ],        /**         * 마크다운 페이지에서 사용할 테마 컴포넌트를 설정합니다.         */        mdxPageComponent: '@theme/MDXPage',        /**         * MDX에 전달할 Remark, Rehype 플러그인을 설정합니다.         */        remarkPlugins: [],        rehypePlugins: [],        /**         * 기본 Remark, Rehype 플러그인이 적용되기 전에         * MDX에 사용자 지정 Remark, Rehype 플러그인을 전달하도록 설정합니다.         */        beforeDefaultRemarkPlugins: [],        beforeDefaultRehypePlugins: [],      },    ],  ],};

i18n

i18n 소개 문서를 먼저 확인해주세요.

번역 파일 위치

• 기본 경로: website/i18n/<locale>/docusaurus-plugin-content-pages
• 멀티 인스턴스 경로: website/i18n/<locale>/docusaurus-plugin-content-pages-<pluginId>
• JSON 파일: docusaurus write-translations 명령 실행 후 만들어진 파일
• 마크다운 파일: website/i18n/<locale>/docusaurus-plugin-content-pages

파일 시스템 구조 예

website/i18n/<locale>/docusaurus-plugin-content-pages││ # translations for website/src/pages├── first-markdown-page.md└── second-markdown-page.md