0. 블로그 만들기 - 시작하며
나는 업무나 학습, 일상 생활에서도 마크다운을 자주 활용한다. 심지어 이력서를 작성할때도 마크다운으로 내용을 정리하고 최종적으로 옮기는 편이다. 나는 티스토리에서 블로그를 몇 번 운영을 했었는데 부지런함을 떠나서 마크다운 지원이 부실하다는 점이 너무 부정적으로 다가왔다. 그래서 나만의 블로그를 만들기로 하였다 (난 개발자니까ㅎㅎ) 앞으로 이 블로그를 기반으로 하나하나 기능을 추가 하며 발전 시켜 보겠다.
테마 마크다운으로 작성하고 폴더 구조 기반의 웹 페이지 제작
| Github repo | ||
|---|---|---|
| 1 | https://github.com/BallboyDev/ballboyDev.github.io | 운영 Repo |
| 2 | https://github.com/BallboyDev/static-site-generator | 다양한 버전의 테스트 Repo |
블로그의 설계
- 디자인은 jekyll과 티스토리 스킨, vscode 등에서 디자인을 참고 하였다.
- 포스팅은 마크다운으로 작성하고 마크다운을 HTML로 변환하는 방식을 사용한다.
- 각 포스팅은 vscode와 같이 트리 구조를 활용한 포스트 접근 방식을 사용한다.
- 트리 구조에서 깊이 제한은 없다.
- 반응형 블로그 디자인을 목표로 한다.
- 개발은 node.js 기반으로 진행하며 마크다운에서 변환된 HTML 파일을 github.io에 직접 올리는 방식으로 포스팅을 진행한다.
기능
필수 기능
- 마크 다운 to HTML 변환
- 포스트 폴더 구조를 트리 구조로 변환하여 Navigator 구현 및 Accordion 기능
- 개발 환경과 배포 환경 간의 이미지, css, js 파일의 자동 배포
- 모바일 환경을 위한 반응형 디자인
- 카테고리별 포스트 개수
- 블로그 환경 설정 기능
추가 기능
- 이전 글, 다음 글 이동 기능
- 생성, 수정 기록 표시
- 블로그 내 태그 및 검색 기능
- 구글 서치 연결
- 댓글 기능
- 방문 통계 및 back office 구현
- 마크다운 to HTML 변환 라이브러리 구현
- 발전된 형태의 자동화 컨버터 구현 (이미지 사이즈/정렬, 표 작성 등)