§@gravity-ui/blog-constructor ·

§설치

npm install @gravity-ui/blog-constructor

§블로그 생성기

Blog-constructor는 Page-constructor 라이브러리를 기반으로 블로그 형식의 웹 페이지를 만드는 데 사용되는 라이브러리입니다. Blog-constructor는 블로그에 필요한 컴포넌트를 추가하기 위해 page-constructor의 custom 속성을 사용합니다.

§문서 - Storybook

§시작하기

Blog-constructor는 클라이언트 컴포넌트와 서버 컴포넌트 모두 가져올 수 있습니다. 블로그 페이지는 React 컴포넌트로 가져옵니다. 제대로 작동하려면 BlogConstructorProvider로 감싸야 합니다.

import {BlogPage, BlogConstructorProvider} from '@gravity-ui/blog-constructor';

// 메인 블로그 페이지
<BlogConstructorProvider {...providerProps}>
    <BlogPage
        content={content}
        posts={posts}
        tags={tags}
        getPosts={handleGetPosts}
        settings={settings}
    />
</BlogConstructorProvider>

---

import {BlogPostPage, BlogConstructorProvider} from '@gravity-ui/blog-constructor';

// 게시물 페이지
<BlogConstructorProvider {...providerProps}>
    <BlogPostPage
        content={content}
        post={post}
        suggestedPosts={suggestedPosts}
        settings={settings}
        shareOptions={shareOptions}
    />
</BlogConstructorProvider>

providerProps에 대한 문서를 확인하세요.

또한 blog-constructor에는 필요한 경우 데이터를 변환하는 데 도움이 되는 서버 컴포넌트가 있습니다.

import {
  transformPost,
  sanitizeMeta,
  createReadableContent,
  transformPageContent,
} from '@gravity-ui/blog-constructor/server';

blog-constructor는 uikit-based 라이브러리이며 uikit의 i18n 인스턴스를 사용합니다. 국제화를 설정하려면 uikit의 configure를 사용하면 됩니다.

import {configure} from '@gravity-ui/uikit';

configure({
  lang: 'ru',
});

§개발

npm ci
npm run dev