Jekyll에서 텍스트를 HTML 용으로 이스케이프

Twitter 카드를 설정하기 위해 이 기사를 참고로 템플릿을 썼다.

Jekyll로 만든 사이트를 Twitter 카드에 대응

그러나 이대로 사용하면 HTML로 이스케이프해야 할 문자도 그대로 묻혀 버리기 때문에 잘 움직이지 않을 때가 있습니다.

잘 움직이지 않는 패턴

<meta name="twitter:title" content="{{ page.title }}" />

구체적인 예

예를 들면 이쪽의 기사와 같이, 타이틀에 세미콜론이 들어가거나 하면 이상해진다.

Jekyll의 theme "minima"의 햄버거 메뉴가 iOS에서 작동하지 않는 버그

| escape

escape 필터를 붙이면 괜찮습니다.

수정

<meta name="twitter:title" content="{{ page.title | escape}}" />

하지만 조금 제목이 너무 길지도 모른다.