Shortcode

Hugo는 다양한 shortcode 플러그인들을 제공하고 있다. markdown이 제공하는 편리한 문법들로도 충분하지만, code snippet이나 유튜브 영상등을 추가할 때 유용하게 사용할 수 있다.
　

　

Shotcode 사용하기

shortcode는 { {< shortcodename parameters >} } 의 용법으로 간단하게 사용할 수 있다.

  • shortcodename : 사용할 shortcode의 이름 (ex. highlight, figure..)
  • parameter : 사용할 shortcode가 어떻게 정의되었느냐에 따라 달라짐 　
    　

Built-in Shortcodes

figure

figure는 마크다운이 제공하는 이미지관련 문법보다 더 다양한 기능을 제공한다. parameter를 통해 첨부할 이미지의 title, caption, link등을 지정할 수 있다.

  • code example
{ {< figure src="/images/ar87.jpg" title="GMK Oblivion" caption="caption">} }
  • use example
    caption
    GMK Oblivion

    caption

highlight

주로 code들을 highlight를 지원하는 언어들은 여기에서 확인할수 있다. 대부분의 언어를 지원한다.
　

  • code example

    { {< highlight cpp >} }
#include<stdio.h>
printf("hello world!\n")
{ {< /highlight >} }

  • use example

    #include<stdio.h>
printf("hello world!\n")

 

　
이외에도 instagram, gist, tweet등 다양한 shortcode를 제공한다.