Markdown on SITE

04-mixed-markdown

Mon, 01 Jan 0001 00:00:00 +0000

굵게, 링크, 들여쓰기를 섞은 본문 예시입니다.

중요 포인트를 먼저 보고, 자세한 설명으로 넘어가세요.


{{< cta
  kind="related"
  label="다음 글 보기"
  href="/lab/hugo-content-lab/70-real-world-posts/medium-post/"
  ref="/blog/"
  intent="related"
  priority="tertiary"
  surface="in-content"
  size="sm"
  tone="neutral"
  align="left"
  target="_self"
  rel=""
  note="굵게, 링크, 들여쓰기를 섞은 본문 예시입니다."
  subtitle="혼합 마크다운"
  aria_label="다음 글 보기"
  badge="READ"
  tracking_id="cta-body-04"
  analytics_event="cta_body_mixed"
  id="cta-body-mixed"
  class="is-inline-callout"
  compact="false"
  disabled="false" >}}
**중요 포인트**를 먼저 보고, [자세한 설명](/lab/hugo-content-lab/30-components/)으로 넘어가세요.
{{< /cta >}}

기본 마크다운

Mon, 01 Jan 0001 00:00:00 +0000

markdown basic

테스트 목적

제목, 문단, 목록, 인용, 코드 블록 같은 기본 마크다운 요소가 깨지지 않고 렌더링되는지 확인합니다.

확인 항목

heading 계층이 자연스러운가
list와 blockquote가 본문 리듬을 해치지 않는가
inline code와 code block이 명확히 구분되는가

예시

이 인용은 본문과 같은 폭 안에서 읽혀야 합니다.

확장 마크다운

Mon, 01 Jan 0001 00:00:00 +0000

markdown extended

테스트 목적

확장 마크다운 요소가 글의 의미를 해치지 않고 잘 붙는지 확인합니다.

확인 항목

표가 좁은 화면에서 무너지지 않는가
긴 링크와 긴 단어가 줄바꿈 정책을 깨지 않는가
강조와 취소선이 과도하지 않은가

예시

항목	설명
강조	중요한 문장에만 사용
취소선	변경 전후를 보여줄 때만 사용
긴 링크	본문 폭을 확인하는 엣지 케이스