콘텐츠로 이동
Page

Starlight 컴포넌트

Starlight 기본 콘텐츠 컴포넌트도 그대로 쓸 수 있고, 테마가 RefineUI 토큰으로 그립니다.

페이지에서 Starlight 기본 컴포넌트와 RefineUI 컴포넌트를 함께 쓸 수 있습니다. 테마가 기본 컴포넌트를 같은 토큰으로 다시 그려서 두 종류가 비슷하게 보입니다.

Aside

섹션 제목: “Aside”

Badge

섹션 제목: “Badge”
Default Note Tip Caution Danger Success

Tabs

섹션 제목: “Tabs”
터미널 창
bun add @pelagornis/page

Steps

섹션 제목: “Steps”

  1. 플러그인을 설치합니다.

  2. Starlight의 plugins에 pagePlugin()을 추가합니다.

  3. dev 서버를 실행합니다.

Card

섹션 제목: “Card”

셸

헤더, 사이드바, 검색, 푸터는 RefineUI입니다.

컴포넌트

모든 RefineUI 컴포넌트를 @pelagornis/page/components에서 가져올 수 있습니다.

시작하기테마를 설치하고 플러그인을 등록합니다.

파일 트리

섹션 제목: “파일 트리”
  • astro.config.ts
  • markdoc.config.mjs
  • 디렉터리src/
    • 디렉터리content/
      • 디렉터리docs/
        • index.mdx
        • 디렉터리guides/
          • getting-started.mdx