Blog
DogKaebi's Blog
中国/广东故事、博客开发日记、日常生活
[Next.js] 마크다운 종합편
fetch > gray-matter > markdown-to-jsx > typography > prism.js 의 순서로 일기 내용을 완성했다.
[Next.js] 마크다운 프론트매터. gray-matter
Markdown의 내용을 읽어서 출력은 하고 있지만, 제목 같은 내용이 없다. 일기의 정보를 프론트매터로 만들어서 post페이지에서 읽게 만들었다.
[Next.js] 코드 하이라이트. prism.js
Prism.js를 사용해서 읽어온 Markdown의 pre code 텍스트를 highlight 했다
[Next.js] 블로그 페이지. 마크다운 디자인
tailwind css의 Typography 플러그인을 사용해서 markdown의 기본 디자인을 만들어보기
[Next.js] 블로그 페이지. 마크다운 파싱
문자열로 받은 markdown 파일의 글을 jsx(html형식)으로 변경하기
[Next.js] 블로그 페이지. 마크다운 불려오기
포스트의 글 내용에 대해 고민하고 Markdown을 fetch 불려오기를 만들어보기
1