jekyll - September 04, 2020 · 1 min read

지킬 블로그 마크다운 링크 새창으로

지킬 블로그 마크다운 링크 새창으로

이전에 썼던 글중에 일부를 예제용으로 가져오면

참고 글 목록

여기 링크를 눌러보면 새창으로 해당 링크가 열리는 것을 볼 수 있다. 마크다운이 기본으로 같은 창에 링크를 열어 버려, 귀찮아서 찾아봤다. 방법도 사실 귀찮지만, 조금만 신경 써 주면 새창으로 링크를 보낼 수 있다. 아래 코드에서 링크 마지막에 {:target=”_blank”} 를 추가하면 된다. 실제 위의 예제 링크의 마크다운 문서는 아래와 같다.

### 참고 글 목록
- [jekyll 블로그 tag 기능 추가](https://min9nim.github.io/2018/08/jekyll-tags/){:target="_blank"} 
- [Github Page Jekyll 에 카테고리 추가하기](https://blog.devari.kr/2019/jekyll/jekyll-category-setting){:target="_blank"} 
- [블로그 카테고리와 태그 목록 구성하기](https://devinlife.com/howto%20github%20pages/category-tag/){:target="_blank"} 

자바스크립트로 자동으로 속성 추가 방법

매번 글을 쓰고 뒤에 꼬리말을 붙이는게 쉽지 않다. 그래서 또 찾아보고 코드 한 조각을 찾아냈다. 이걸 쓰자. 즉, 지킬 블로그에 마크다운 작성글에 있는 링크를 자바스크립트로 자동으로 a link 태크에 target rel 속성 추가하는 방법을 소개한다.

이 코드를 “</html>” 닫기 전에 넣어 주면 현재 페이지에 있는 a href 속성을 찾아보고, 외부 링크에 해당되면 target=”_new” rel=”noopener noreferrer” 속성이 추가된다. 잘 안되면 또 찾아봐야 할 듯~~ 일단 현재 노트사이트는 무난하게 사용가능 할 것 같다.


참고 글 목록