Web
글 쓰는 사람을 위한 마크다운 블로그
글 폭과 줄 높이부터 정한 블로그. 읽는 화면을 먼저 만들고 나머지 기능을 붙였습니다.
대표 이미지는 아직 준비 중입니다.
src/img/projects/markdown-blog/hero-1200.jpg 를 넣으면 이 자리에 표시됩니다.
배경과 목표
블로그 도구를 고를 때마다 테마를 고치는 데 시간을 쓰다 글을 쓰지 못했습니다. 읽기 화면만 제대로 만들어 두고 그 위에 최소 기능만 올리기로 했습니다.
- 본문 폭·줄 높이·글자 크기를 먼저 확정하기
- 글 하나를 파일 하나로 관리하기
- 빌드 결과가 정적 파일로만 남게 하기
담당한 일과 작업 과정
-
읽기 화면 먼저
본문 최대 폭을 제한하고 줄 높이를 1.7 근처로 두어 긴 글에서 눈이 덜 피로하게 맞췄습니다. 인용·코드·목록 간격까지 한 번에 정했습니다.
-
파일이 곧 글
마크다운 파일 하나가 글 하나입니다. 앞머리에 제목과 날짜만 적으면 목록과 주소가 자동으로 생깁니다.
-
정적 출력
빌드하면 HTML·CSS만 남습니다. 서버가 필요 없고, 어디에 올려도 같은 결과가 나옵니다.
결과물
확인한 것과 배운 점
- 읽기 화면을 먼저 끝내면 이후 기능을 붙일 때 고민이 줄어듭니다.
- 정적 출력으로 제한한 덕분에 배포 과정에서 손이 거의 가지 않았습니다.
SAMPLE · 공개 링크나 성과 수치는 넣지 않았습니다
Contact
작업 이야기를 나눠요
만들고 싶은 것이 있다면 메일로 알려주세요. 아직 정리되지 않은 아이디어여도 괜찮습니다.
Email
hello@akeweb.com
대한민국 · 원격 협업 가능 · 사이드 프로젝트 · 외주 문의 열려 있음 (SAMPLE)
SAMPLE · 연락처와 링크는 교체용 샘플입니다