Graceful Light

hexo image tag의 alt 속성 사용

2017-01-03


공식 문서에 따르면 image tag의 사용법은 이렇다.

1
{% img [class names] /path/to/image [width] [height] [title text [alt text]] %}

대괄호로 둘러 쌓인 부분은 생략이 가능하다.

문제점

Input

test.png에 test_title, test_alt 속성을 추가하고 싶은 경우 아래처럼 사용하면 되어야한다.

1
{% img /test.png test_title test_alt %}

Output

하지만 결과는 참담하다.

1
<img src="/test.png" title="test_title test_alt"/>

해결

Input

속성을 quotes와 double quotes로 두번 감싸줘야한다.

1
{% img /test.png "'test_title'" "'test_alt'" %}

Output

1
<img src="/test.png" title="test_title" alt="test_alt"/>

여담

공식 문서에 설명이 업데이트되면 좋겠다. 이미지에 캡션다는 법을 찾다가 결국 내 블로그에는 안 달기로 마음먹었다.

Tags: hexo
🍺

Buy me a beer 🍗

공유하려면 QR코드를 스캔해주세요