본문으로 건너뛰기
Background Image
  1. Posts/

How to Use ShortCode

··704 단어수·2 분· loading · · ·
목차
이 페이지는 babyworm이 글을 쓸때마다 잊어버려서 적은 글입니다.

Custom Shortcodes
#

직접 구현한 커스텀 shortcode입니다.

1. Notice (알림 박스)
#

정보, 경고, 팁 등의 알림 박스를 표시합니다.

1{{< notice info title >}}
2Notice 내용
3{{< /notice >}}

파라미터:

  • type: info, warning, tip, note
  • title: 알림 제목 (선택)

2. Expand (접기/펼치기)
#

접었다 펼칠 수 있는 콘텐츠를 생성합니다.

1{{< expand title="더 보기" open="false" >}}
2숨겨진 내용
3{{< /expand >}}

파라미터:

  • title: 제목 (기본값: “Details”)
  • open: 초기 상태 true/false (기본값: false)

3. Wikipedia / WP (위키피디아 링크)
#

위키피디아 문서로 링크를 생성합니다.

1{{< wikipedia "Machine Learning" >}}
2{{< wp "Machine Learning" "머신러닝" >}}

파라미터:

  • 첫 번째 인자: 위키피디아 검색어 (영문)
  • 두 번째 인자: 표시 텍스트 (선택)

참고: 영문 위키피디아만 지원


Blowfish Theme Shortcodes
#

테마에서 제공하는 주요 shortcode입니다. 전체 문서

Alert
#

알림 메시지 표시

1{{< alert >}}경고 메시지{{< /alert >}}
2{{< alert "twitter" >}}트위터 알림{{< /alert >}}

Badge
#

뱃지 표시

1{{< badge >}}New{{< /badge >}}

Button
#

버튼 생성

1{{< button href="#" target="_self" >}}클릭{{< /button >}}

Figure
#

이미지와 캡션 표시

1{{< figure src="image.jpg" alt="설명" caption="캡션" >}}

Gallery#

이미지 갤러리

1{{< gallery >}}
2  <img src="image1.jpg" />
3  <img src="image2.jpg" />
4{{< /gallery >}}

GitHub / GitLab / Gitea
#

저장소 정보 카드

1{{< github repo="username/repo" >}}
2{{< gitlab projectID="12345678" >}}

Icon
#

아이콘 삽입

1{{< icon "github" >}}

KaTeX
#

수학 공식

1{{< katex "f(x) = \\int_{-\\infty}^\\infty\\hat f(\\xi)\\,e^{2 \\pi i \\xi x}\\,d\\xi" >}}

Lead
#

강조 텍스트

1{{< lead >}}
2중요한 내용을 강조합니다.
3{{< /lead >}}

Mermaid
#

다이어그램 생성

1{{< mermaid >}}
2graph LR
3A[시작] --> B[종료]
4{{< /mermaid >}}

Timeline
#

타임라인 표시

1{{< timeline >}}
2{{< timelineItem icon="code" header="제목" badge="2024" >}}
3내용
4{{< /timelineItem >}}
5{{< /timeline >}}

TypeIt
#

타이핑 애니메이션

1{{< typeit >}}
2타이핑 효과
3{{< /typeit >}}

YouTube Lite
#

경량 YouTube 임베드

1{{< youtubeLite id="dQw4w9WgXcQ" label="비디오 제목" >}}
babyworm
작성자
babyworm
Lazy, curious, and pragmatic.