종합 예시

이 게시글은 블로그 글에서 사용할 수 있는 모든 것을 보여줍니다. 도입 문단은 그저 일반 마크다운이며, 본문 텍스트는 은은한 색조로 편안한 줄 간격으로 렌더링됩니다.

제목

방금 그것은 ## (h2)였습니다. 페이지 제목은 metadata.title에서 오므로, 섹션은 h2부터 시작하세요. 아래는 h3입니다:

더 작은 섹션

섹션 내부의 하위 항목에 사용하세요.

텍스트 기능

링크는 work 페이지로 가는 이 링크처럼 보이거나 MDN 같은 외부 링크처럼 보입니다. 인라인 코드는 파일 이름과 식별자에 사용합니다: lib/posts.ts, useThemeMode().

인용구는 어떤 생각, 논문에서 가져온 인용, 또는 흐름에서 따로 떼어 둘 만한 주의 사항을 강조하는 데 사용합니다.

순서 없는 목록:

• 첫 번째 항목
• 두 번째 항목
• 세 번째 항목

순서 있는 목록:

1. 헤드를 스캔합니다
2. 렌더를 디더링합니다
3. 출시합니다

코드 블록

float bayer8(vec2 p) {
  // 8x8 ordered-dither threshold, 0..1
  return texture(uBayer, p / 8.0).r;
}

수평선

---를 사용해 맥락을 나눕니다:

이미지

표준 마크다운 문법입니다: alt 텍스트가 캡션 역할도 겸합니다:

비디오

기본 컨트롤을 사용하는 단순 비디오:

챕터가 있는 비디오

YouTube 스타일 플레이어를 원하면 chapters를 추가하세요: 구간이 나뉜 타임라인, 챕터 제목이 표시되는 호버 툴팁, 그리고 아래에 클릭 가능한 타임스탬프가 생깁니다. 시간은 'm:ss', 'h:mm:ss', 또는 단순 초 단위로 지정합니다.

이것이 전체 도구 모음입니다. 이 파일을 복제하고, 이름을 바꾸고, 내용을 교체하세요.