Ref on SITE

01-href-and-ref

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

href와 ref가 동시에 들어가도 렌더 규칙을 확인할 수 있습니다.


{{< cta
  kind="related"
  label="링크 우선순위 확인"
  href="https://example.com/docs"
  ref="/lab/hugo-content-lab/30-components/"
  intent="related"
  priority="secondary"
  surface="after-content"
  size="md"
  tone="neutral"
  align="center"
  target="_self"
  rel=""
  note="href와 ref가 동시에 들어가도 렌더 규칙을 확인할 수 있습니다."
  subtitle="우선순위 테스트"
  aria_label=""
  badge="TEST"
  tracking_id="cta-routing-01"
  analytics_event="cta_route_test"
  id="cta-routing-both"
  class="is-test"
  compact="false"
  disabled="false" >}}

03-internal-ref

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

PAGE페이지 참조 이동site.GetPage 경로

ref가 실제 페이지 참조일 때의 구성을 보여줍니다.


{{< cta
  kind="internal"
  label="페이지 참조 이동"
  href="/lab/hugo-content-lab/30-components/"
  ref="/lab/hugo-content-lab/70-real-world-posts/medium-post/"
  intent="internal"
  priority="secondary"
  surface="in-content"
  size="sm"
  tone="neutral"
  align="left"
  target="_self"
  rel=""
  note="ref가 실제 페이지 참조일 때의 구성을 보여줍니다."
  subtitle="site.GetPage 경로"
  aria_label="내부 페이지로 이동"
  badge="PAGE"
  tracking_id="cta-routing-03"
  analytics_event="cta_internal_route"
  id="cta-routing-ref"
  class="is-internal"
  compact="false"
  disabled="false" >}}

ref shortcode

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

ref shortcode

ref는 특정 페이지를 가리키는 permalink를 만들어 주는 shortcode입니다.
문서 내부 링크를 직접 하드코딩하지 않고, 페이지 참조를 기준으로 링크를 만들고 싶을 때 유용합니다.

ref shortcode

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

ref shortcode

ref target

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

ref target

이 페이지는 ref shortcode의 대상으로만 쓰는 가벼운 내부 페이지입니다.

경로를 실제로 존재하게 만들어 예제가 빌드에서 깨지지 않게 합니다.
출력은 링크 목적지만 제공하면 충분합니다.
문서 본문에는 상세 설명을 넣지 않아도 됩니다.