Tech Stock logo Tech Stock

휴고에서는 md(markdown)에 포스팅내용 작성시
직접 html코드를 삽입하게 되면 html코드로서 인식이 안된다.

코드로써 입력하고 싶을때는 {{ .Inner}} 를 사용한다.

layouts폴더 안에 shortcodes폴더를 만든다. shortcodes폴더안에 rawhtml.html 파일을 만든다.

├── layouts
    ├── shortcodes
        ├── rawhtml.html 

rawhtml.html파일의 내용은 다음과 같다.

{{ .Inner }}

정말 이렇게 딱한줄만 쳐준다. 줄바꿈도 없다


이제 다 됐다. 사용법은 다음과 같다.

md파일에서

안녕하세요 오늘은 이곳 강남역앞에 나와 있습니다!!

{{< rawhtml >}}
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3165.44100426386!2d127.02458071505752!3d37.497515635836066!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x357ca15a2cc3f2a7%3A0xd2e44a2795272fca!2z6rCV64Ko7Jet!5e0!3m2!1sko!2sjp!4v1579361309719!5m2!1sko!2sjp" width="600" height="450" frameborder="0" style="border:0;" allowfullscreen=""></iframe>
{{< /rawhtml >}}

이런식으로 html코드를 {{< rawhtml >}} 과 {{< /rawhtml >}} 사이에 넣어주면 끝!

자세한 내용은 이쪽으로
링크 : 휴고 도큐먼트 숏컷코드에대해
링크 : 휴고 도큐먼트 inner사용에 대해