본문 바로가기

Hugo 휴고 설정 팁 - 마크다운 외부 링크를 a href 새창으로 열기

External links in new tab?

 

사용하다보면, 괜히 신경쓰인다. 찾아보니 방법이 있긴하다.

 

Render Hook Templates 방법을 사용하는 것이다.

원본글 : Configure Markup

결국 아래 파일을 만들어 주면 된다.

마크다운 렌더링 중에 아래 처럼 링크내용을 내가 원하는 대로 만들 수 있다.

아래 코드를 보면 http://로 시작되는 외부링크는 새로운 창에 오픈되도록 작성되어 있다.

 

Here is a code example for how the render-link.html template could look:

파일 위치는 여기 => layouts/_default/_markup/render-link.html

<a href="{{ .Destination | safeURL }}"{{ with .Title}} title="{{ . }}"{{ end }}{{ if strings.HasPrefix .Destination "http" }} target="_blank"{{ end }}>{{ .Text | safeHTML }}

 

맘에 맞춰 쓰려면, 손이 많이 간다. 그냥 쓰지 말까 ^-^

초코케익 from https://unsplash.com/photos/WHG1Ns1TtZY

B로그0간

개발 관련 글과 유용한 정보를 공유하는 공간입니다.