prism-react-renderer를 사용하여 Gatsby MDX에 줄 번호로 구문 강조 표시 추가

이 문서에서는 prism-react-renderer 가 있는 Gatsby MDX 파일의 줄 번호로 코드 강조 표시를 활성화하는 방법에 대한 단계를 살펴보겠습니다. 또한 코드 블록에 줄 번호를 추가할 것입니다. 시작하려면 PrismJS를 React 구성 요소로 래핑하는 prism-react-renderer 를 설치해야 합니다. .mdx 파일에 분리 코드 블록을 추가하면 gatsby-plugin...

gatsbyprismmdxreact