H1 제목

이 글은 _blog/00001.md로 저장된 첫 번째 테스트 글입니다. GitHub Pages 빌드 후 주소는 /posts/00001/이 됩니다.

본문은 굵게, 기울임, 굵고 기울임, 취소선, inline code, 강조 표시처럼 보이게 할 텍스트를 섞어서 확인합니다.

GitHub Pages 링크와 내부 링크인 Tags도 함께 점검합니다.

H2 제목과 문단

작은 핑크 창 안에서 긴 문단이 너무 크게 보이지 않는지 확인합니다. 이 테마는 넓은 매거진형 글 화면이 아니라, 작은 데스크톱 앱 창 안에 글을 열어 둔 느낌을 목표로 합니다. 그래서 줄 높이는 넉넉하지만 글자 크기는 13px 근처로 유지합니다.

H3 제목

H4 제목

H5 제목

H6 제목

목록

• 순서 없는 목록 첫 번째
• 순서 없는 목록 두 번째
  • 들여쓴 하위 목록
  • 하위 목록의 두 번째 항목
• 순서 없는 목록 세 번째

1. 순서 있는 목록 첫 번째
2. 순서 있는 목록 두 번째
3. 순서 있는 목록 세 번째

• 체크된 작업
• 아직 남은 작업
• 모바일 화면 점검

인용문

작은 블로그는 큰 기능보다 매일 열고 싶은 분위기가 먼저일 때가 있습니다.

중첩 인용문도 핑크 라인과 함께 보이는지 확인합니다.

코드

const post = {
  id: "00001",
  title: "Markdown 표시 점검 노트",
  url: "/posts/00001/"
};

console.log(`${post.id}: ${post.title}`);

.lec-post-content {
  font-size: 13px;
  line-height: 1.8;
  color: var(--lec-def);
}

표

이미지

접기 영역

정의 목록

Jekyll

Ruby 기반 정적 사이트 생성기입니다.

Collection

_posts가 아닌 사용자 정의 글 묶음을 만들 때 사용합니다.

각주

번호형 파일명은 사람이 직접 관리하기 쉽고 URL도 단정합니다.¹

HTML 섞기

Ctrl + K처럼 키보드 입력도 표시합니다.

mark 태그와 small 태그가 본문 톤에 맞는지도 확인합니다.

마무리

이 샘플 글은 글 목록, 상세 페이지, 태그 페이지, 코드 블록, 표, 이미지, 모바일 줄바꿈을 동시에 확인하기 위한 기준점입니다..