전자책 출판을 위한 VitePress - 표지 만들기

「글을 긷자」 VitePress 기반의 문서화

이번 화에서는 VitePress로 출판물의 표지를 만드는 모습만 조금 소개해 드리겠습니다. 앞에서 실컷 마크다운 문법에 대해 말씀드렸는데, 보여드릴 이미지에는 HTML 코드만 잔뜩입니다. 확장자가 md인 문서가 VitePress의 표지 전용 레이아웃을 통해 디자인 작업이 이루어진 것과 같은 모습으로 확인되고, vitepress-export-pdf 플러그인으로 생성된 PDF 문서에서도 비슷한 결과로 보이는 것을 확인하실 수 있습니다.

GitHub 공개 저장소와 연결된 GitHub Pages 경로로 프로젝트 산출물의 확인이 가능합니다.

https://enchic.github.io/gitzza-plaza/

My Awesome Project

VitePress가 구동된 상태에서 웹 브라우저로 출판물의 표지를 확인할 수 있는 모습 (전체화면)

VS Code에서 마크다운 문서를 ‘미리 보기’와 ‘PDF 파일 보기’ 각 화면으로 확인할 수 있는 모습

---

연재 안내

브런치북 「글을 Git[긷]자」는 웹 서비스를 위한 UI/UX 개발자인 저자가, 다년간의 실무 경험을 바탕으로 Git과 GitHub 그리고 Visual Studio Code라는 무료 범용 텍스트 에디터를 이용한 글쓰기 방식을 제안하기 위해 기획되었습니다.

https://github.com/enchic/gitzza-plaza

GitHub - enchic/gitzza-plaza: 브런치스토리 연재 브런치북 「글을 Git[긷]자」를 위한 공개 저장소