읽기 시간 추가
Markdown 또는 MDX 파일의 프런트매터에 읽기 시간 속성을 추가하는 remark 플러그인을 만듭니다. 이 속성을 사용하여 각 페이지의 읽기 시간을 표시합니다.
레시피
섹션 제목: 레시피-
도우미 패키지 설치
다음 두 개의 도우미 패키지를 설치하세요.
- 읽은 시간 (분)을 계산하는
reading-time
- Markdown에서 모든 텍스트를 추출하는
mdast-util-to-string
- 읽은 시간 (분)을 계산하는
-
remark 플러그인 생성.
이 플러그인은
mdast-util-to-string
패키지를 사용하여 Markdown 파일의 텍스트를 가져옵니다. 그런 다음 이 텍스트는reading-time
패키지로 전달되어 읽기 시간 (분)을 계산합니다. -
구성에 플러그인을 추가하세요.
이제 모든 Markdown 문서의 프런트매터에는 계산된
minutesRead
속성이 있습니다. -
읽기 시간 표시
만약 블로그 게시물이 콘텐츠 컬렉션에 저장되어 있다면,
entry.render()
함수의remarkPluginFrontmatter
에 액세스하세요. 그런 다음 템플릿에서 표시하려는 위치마다minutesRead
를 렌더링하세요.Markdown 레이아웃을 사용하는 경우 레이아웃 템플릿에서
Astro.props
의minutesRead
frontmatter 속성을 사용하세요.