markdown에서 URL 하이퍼링크 해제하기

markdown에서 URL 하이퍼링크 해제하기

URL을 공부하던 어느날..

URL에 대해 학습한 내용을 마크다운으로 정리하고 있던 나에게 큰 시련이 닥친다..

 

👉 https://www.google.com:443/search?q=markdown&hl=ko

이렇게 URL의 특정 부분만 강조하고 싶어서

 

👉 **https**://www.google.com:443/search?q=markdown&hl=ko

이렇게 코드를 작성하였으나

 

👉 https://www.google.com:443/search?q=markdown&hl=ko

• 하이퍼링크가 그대로 남아있거나
• :/ 문자가 😕 이런 이모지로 인식되는 현상이 생긴다

 

 

 

구글에 'markdown 하이퍼링크 해제' 로 검색해도 답을 찾지 못했다.

 

그래서 내가 정리했다! 두둥!

 

 

인라인 코드블럭으로 나타내면 되잖아요?

이렇게 마크다운으로 쓰면

👉 `https://google.com:443/search?q=markdown&hl=ko`

하이퍼링크가 해제되어서 이렇게 나오는데요?

👉 https://google.com:443/search?q=markdown&hl=ko

 

 

인라인 코드블럭은 마크다운의 강조문법을 못쓴다구!

요구사항은 다음과 같다.

1. 하이퍼링크를 해제하고싶다.
2. 굵게, 기울임 등의 마크다운 강조문법을 사용하고 싶다.

 

 

 

무엇을 hyperlink로 인식하는가?

1. https://aaa 와 같이 https:// 뒤에 문자가 이어지는 경우 하이퍼링크로 인식된다.

👉 마크다운 작성

https://hyperlink

👉 티스토리 포스팅 시 적용된 마크다운

https://hyperlink

 

👉 마크다운 작성

https://

👉 티스토리 포스팅 시 적용된 마크다운

https://

 

👉 마크다운 작성

https://<hi>hyperlink

👉 티스토리 포스팅 시 적용된 마크다운

https://hyperlink

 

👉 마크다운 작성

http<hi>s://hyperlink

👉 티스토리 포스팅 시 적용된 마크다운

https://hyperlink

 

• ❗ https://문자 포맷을 망치면 하이퍼링크로 인식되지 않는다.
• 위와 같이 의미 없는 태그 <hi> 를 더미태그라고 부르겠다.

 

2. www.a.a와 같이 www뒤에 점 두개로 이어진 문자가 나오면 하이퍼링크로 인식된다.

👉 마크다운 작성

www.a.a

👉 티스토리 포스팅 시 적용된 마크다운

www.a.a

 

👉 마크다운 작성

www.<hi>a.a

👉 티스토리 포스팅 시 적용된 마크다운

www.a.a

• ❗ www.a.a 어느 부분이든 더미 태그를 삽입하면 포맷이 깨져서 하이퍼링크로 인식이 안된다.

 

3. 태그는 인식되지 않는다.

 

실전

예시 1

👉 마크다운 작성

**https**://www<k>.google.com:443/search?q=markdown&hl=ko

👉 티스토리 포스팅 시 적용된 마크다운

https://www.google.com:443/search?q=markdown&hl=ko

• 강조문법이 https**://문자 와 같이 기존의 포맷https://문자을 망치므로 하이퍼링크가 해제됐다.
• www<더미태그>.a.a 와 같이 기존의 포맷 www.a.a 를 망치므로 하이퍼링크가 해제됐다.

 

👉 마크다운 작성

**https**://www.google.com:443/search?q=markdown&hl=ko

👉 티스토리 포스팅 시 적용된 마크다운

https://www.google.com:443/search?q=markdown&hl=ko

• www.a.a 포맷은 그대로 남아있으므로 하이퍼링크가 해제되지 않는다.

 

 

예시 2

👉 마크다운 작성

https://<hi1>www.<hi2>google.com:443/search**?q=markdown**&hl=ko

👉 티스토리 포스팅 시 적용된 마크다운

https://www.google.com:443/search?q=markdown&hl=ko

• <hi1> 태그가 기존의 포맷 https://문자을 망치므로 하이퍼링크가 해제됐다.
• <hi2> 태그가 기존의 포맷 www.a.a 을 망치므로 하이퍼링크가 해제됐다.

 

👉 마크다운 작성

https://www.<hi2>google.com:443/search**?q=markdown**&hl=ko

👉 티스토리 포스팅 시 적용된 마크다운

https://www.google.com:443/search?q=markdown&hl=ko

• https://문자 포맷은 그대로 남아있으므로 하이퍼링크가 해제되지 않는다.

 

👉 마크다운 작성

https://<hi1>www.google.com:443/search**?q=markdown**&hl=ko

👉 티스토리 포스팅 시 적용된 마크다운

https://www.google.com:443/search?q=markdown&hl=ko

• www.a.a 포맷은 그대로 남아있으므로 하이퍼링크가 해제되지 않는다.

 

 

 

 

 

(+ 추가)

• 깃헙에 마크다운 올릴 때 위의 방식으로 해도 하이퍼링크 해제가 잘 안될 수도 있다.
• 위의 방식에 + 추가작업을 해줘야 한다.

 

깃헙에서 마크다운 하이퍼링크 해제하기

1. :/ 문자가 😕 이모지로 나타나는 현상
2. 위의 방식과는 다르게 www.a.a 포맷에 한 번 더 더미태그를 삽입해야 함
3. 강조문법 앞에 더미태그를 삽입해야 함

 

 

예시 1

👉 마크다운 작성

**https**://www<k>.google.com:443/search?q=markdown&hl=ko

 

👉 티스토리 포스팅 시 적용된 마크다운

https://www.google.com:443/search?q=markdown&hl=ko

 

👉 깃헙에 적용된 마크다운

https😕/www.google.com:443/search?q=markdown&hl=ko

• 위와 동일한 예시가 깃헙에서는 이모지로 치환되어 보일 것이다.
• 이모지 포맷 :/ 을 망치면 된다! 사이에 더미 태그를 다음과 같이 끼워넣자.

 

 

👉 마크다운 작성

**https**:<k>//www<k>.google.com:443/search?q=markdown&hl=ko

 

👉 깃헙에 적용된 마크다운

https://www.google.com:443/search?q=markdown&hl=ko

 

 

예시 2

👉 마크다운 작성

https://<hi1>www.<hi2>google.com:443/search**?q=markdown**&hl=ko

 

👉 티스토리 포스팅 시 적용된 마크다운

https://www.google.com:443/search?q=markdown&hl=ko

 

👉 깃헙에 적용된 마크다운

https://www.google.com:443/search**?q=markdown**&hl=ko

• 깃헙에서는 www. 이후의 부분이 하이퍼링크로 여전히 인식되며 강조문법도 적용되지 않는 것을 볼 수 있다.
• www.a.a 포맷에 더미태그를 하나 추가하자
• 강조문법 앞에도 더미태그를 추가하자

 

 

👉 마크다운 작성

https://<hi1>www.google<hi2>.com:443/search<hi3>**?q=markdown**&hl=ko

👉 깃헙에 적용된 마크다운

https://www.google.com:443/search?q=markdown&hl=ko