마크다운 렌더링 테스트
Chirpy 테마가 마크다운·수식·다이어그램·프롬프트를 어떻게 렌더링하는지 한 페이지에서 확인하는 테스트 글.
마크다운 렌더링 테스트
이 글은 Chirpy 테마의 렌더링을 한 번에 확인하기 위한 테스트입니다. 각 섹션이 의도대로 보이면 렌더링이 정상입니다.
1. 텍스트 서식
굵게, 기울임, 굵은 기울임, 취소선, 인라인 코드, 그리고 링크와 https://github.com/manijang2 자동 링크.
위 첨자 H~2~O, 아래 첨자 X^2^ 는 테마 설정에 따라 다를 수 있고, 키보드 표기는 Ctrl + C 처럼 나옵니다.
각주도 확인합니다1. 두 번째 각주2도 페이지 하단에 모입니다.
2. 목록
순서 없는 / 중첩
- 1단계 항목
- 2단계 항목
- 3단계 항목
- 2단계 항목
- 다시 1단계
순서 있는
- 첫째
- 둘째
- 둘-하나
- 둘-둘
- 셋째
할 일(Task list)
- 저장소 생성
- Chirpy 적용
- 첫 글 발행
설명 목록(Description list)
- Jekyll
- 정적 사이트 생성기
- Chirpy
- 기술 글쓰기에 특화된 Jekyll 테마
3. 인용문과 Chirpy 프롬프트
일반 인용문입니다. 여러 줄에 걸쳐 이어질 수 있습니다.
아래는 Chirpy 고유의 프롬프트 4종입니다.
팁: 이렇게 하면 편합니다.
정보: 참고하면 좋은 내용입니다.
경고: 주의가 필요합니다.
위험: 되돌릴 수 없는 작업입니다.
4. 코드 블록 & 문법 강조
인라인 코드 git push origin main 과 블록 코드를 확인합니다.
1
2
3
4
5
6
# 간단한 Ruby 예제
def greet(name)
puts "안녕하세요, #{name}님!"
end
greet("선만")
파일명 라벨이 붙는 코드 블록:
1
2
3
title: Seonman.Dev
lang: ko-KR
timezone: Asia/Seoul
1
2
const sum = (a, b) => a + b;
console.log(sum(2, 3)); // 5
5. 표
| 기능 | 문법 | 렌더링 확인 |
|---|---|---|
| 굵게 | **text** | ✅ |
| 코드 | `code` | ✅ |
| 링크 | [text](url) | ✅ |
| 프롬프트 | {: .prompt-tip } | ✅ |
6. 이미지 + 캡션
7. 수식 (MathJax)
인라인 수식: 피타고라스 정리는 \(a^2 + b^2 = c^2\) 입니다.
블록 수식:
\[\begin{equation} \int_{a}^{b} f(x)\,dx = F(b) - F(a) \label{eq:calc} \end{equation}\]식 \(\eqref{eq:calc}\) 은 미적분학의 기본정리입니다.
8. 다이어그램 (Mermaid)
graph LR
A[글 작성] --> B[git commit]
B --> C[git push origin main]
C --> D{GitHub Actions}
D -->|빌드·배포| E[manijang2.github.io]
9. 접기/펼치기 & 구분선
펼쳐서 보기
숨겨진 내용입니다. HTML<details> 태그가 그대로 동작합니다. 여기까지 모두 정상으로 보이면 마크다운 렌더링은 완전합니다. 🎉
이 기사는 저작권자의 CC BY 4.0 라이센스를 따릅니다.
