포스트

jekyll 블로그 Markdown 작성법

jekyll 블로그 Markdown 작성법

서론

Jekyll 블로그를 운영하다 보면 Markdown을 사용해 포스트를 작성하는 일이 매우 잦습니다. Markdown은 간결하고 직관적인 문법으로 콘텐츠를 손쉽게 구성할 수 있게 해주며, 특히 개발자나 기술 블로거에게 적합한 도구입니다.

이 문서는 Jekyll 블로그에서 활용할 수 있는 다양한 Markdown 문법들을 예시와 함께 정리한 것으로, 글을 작성할 때 참고하거나 템플릿으로 활용하기에 유용합니다. 본문에서는 제목, 문단, 코드 블록, 수식, 이미지, TOC 등 자주 쓰이는 마크다운 문법을 포괄적으로 다루며, Chirpy 테마에서 제공하는 고급 기능들도 함께 소개합니다.

이 문서를 통해 Jekyll에서 마크다운을 보다 자유롭고 효율적으로 활용할 수 있기를 바랍니다.


📝 제목 (Heading)

H1 제목

H2 제목

H3 제목

H4 제목

H5 제목
H6 제목

📄 문단 및 줄바꿈

문단은 이렇게 작성합니다.
띄어쓰기 두 번(스페이스 2개)을 하면 줄바꿈이 됩니다.

다음 줄입니다.


🔠 텍스트 스타일

굵은 글씨
기울임 글씨
취소선
인라인 코드


🔗 링크 및 이미지

링크 예시
이미지 대체 텍스트


📋 목록

순서 없는 목록

  • 항목 1
  • 항목 2
    • 하위 항목
      • 더 하위 항목
  • 또는 별표도 사용 가능

순서 있는 목록

  1. 첫 번째
  2. 두 번째
    1. 두 번째 하위
  3. 세 번째

📑 인용문

이것은 인용문입니다.

중첩된 인용문도 가능합니다.


📌 코드 블록

언어 지정 코드 블록

1
2
3
function hello() {
  console.log("Hello World!");
}

일반 코드 블록

1
여기에 언어 없이 작성하면 기본 스타일로 출력됩니다.

📊 테이블

이름나이직업
홍길동30개발자
이순신45장군

✅ 체크리스트

  • 완료된 항목
  • 미완료 항목

📎 접기 (Details 태그 - HTML)

더보기 이곳은 접힌 내용입니다.

📦 블록 HTML 지원

1
<div style="color: red;">이건 HTML입니다.</div>

📌 TOC (목차)

TOC는 Front Matter에 toc: true를 설정하면 자동으로 생성됩니다.


이 기사는 저작권자의 CC BY 4.0 라이센스를 따릅니다.