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}}" />

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

Reference

이 문제에 관하여(Jekyll에서 텍스트를 HTML 용으로 이스케이프), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://qiita.com/kotet/items/87e059092aed0a8aee9a

텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.

우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)

좋은 웹페이지 즐겨찾기

개발자 우수 사이트 수집

개발자가 알아야 할 필수 사이트 100선 추천 우리는 당신을 위해 100개의 자주 사용하는 개발자 학습 사이트를 정리했습니다