[마크다운] 링크에 클래스를 지정하는 방법
저는 옛날 사람이라서 워드프레스로 글을 작성할 때 블록 편집기 이런거보다 조금 제약이 있고, 화려하지 않더라도 마크다운으로 작성하는 것이 더 편합니다.
그 와중에 글을 작성하면서 마크다운으로 링크를 삽입하는데, 본 사이트가 아닌 외부로 연결되는 링크를 만들고, 그 링크(a 태그)에 클래스를 지정해 관리하고 싶었는데, 순간 마크다운에서 클래스 지정은 어떻게 해야하지? 라는 생각이 들어 정리해 봅니다.
마크다운에서 링크 삽입
우리가 마크다운을 이용해 링크를 넣는 방법은 대표적으로 Inline Links 와 Referenced Links 두 가지가 있습니다.
첫 번째는 아래와 같이, 링크가 들어갈 자리에 바로 주소를 넣어주는 것이고,
... [링크 텍스트](링크주소) ...
두 번째는 일단 번호를 지정해준다음, 링크를 한군데 몰아서 표시 하는 것입니다.
[링크 텍스트][1]
...
[1] : (링크 주소)
개인적으로는 같은 링크를 여러 번 사용할 수 있고, 본문을 작성할 때 조금 덜 지저분해 보이는 두 번째 방식을 선호 하는데, 어쨌든 이 두 가지 방법 모두 그 링크에 클래스를 넣기 위해서는 어떻게 해야 할까요.
링크에 클래스 삽입
사실 이미 heading 태그를 사용할 때 많이 사용한 방법인, 중괄호 {} 를 사용하면 간단히 해결되는 문제였습니다. 아래 예제를 보시죠.
... [링크 텍스트](링크주소) {.external} ...
또는,
[링크 텍스트][1]
...
[1] : (링크 주소) {.external}
이런식으로 사용하는 것입니다.
주의사항
다만 한 가지 주의 할 점은 두 번째 방법의 경우 링크 텍스트가 있는 부분이 아니라 링크 주소가 있는 부분에 중괄호를 사용해 클래스를 넣어야 한다는 점과, 중괄호를 사용 할 때는 반드시 공백으로 한 칸 띄워서 넣어줘야 한다는 것입니다.
간단하게 해결이 되네요.
끝.
