Style 가이드 (shortcodes)
이 페이지에서는 SpaceONE Markdown에서 사용할 수 있는 사용자 지정 Hugo shortcodes를 중점으로 설명합니다.
Heading 태그
##
, <h2>
부터 순차적으로 사용하는 것을 권장합니다. 시맨틱 마크업뿐만 아니라 스타일을 위한 것입니다.
노트
##
을 사용할 경우, Table of Content 리스트에 자동적으로 추가 됩니다.Link button
코드 :
{{< link-button background-color="navy400" url="/" text="Home" >}}
{{< link-button background-color="white" url="https://cloudforet.io/" text="cloudforet.io" >}}
결과 :
Home
cloudforet.io
Video
코드 :
{{< video src="https://www.youtube.com/embed/zSoEg2v_JrE" title="SpaceONE Setup" >}}
결과:
Alert
코드 :
{{< alert title="Note Title" >}}
Note Contents
{{< /alert >}}
결과:
Note Title
Note ContentsReference
- Learn about Hugo
- Learn about How to use Markdown for writing technical documentation