블로그에 solved.ac 뱃지 추가하기

https://github.com/mazassumnida/mazassumnida

GitHub - mazassumnida/mazassumnida: Github 프로필에서 boj 프로필을 이쁘게 보여주는 프로젝트

 

원래 Github 프로필에 BOJ(Solved.AC) 프로필을 이쁘게 보여주는 프로젝트인데,

 

이를 블로그에도 추가할 수 있을까 해서 시도해보았다.

 

[![Solved.ac프로필]
(http://mazassumnida.wtf/api/generate_badge?boj={handle})]
(https://solved.ac/{handle})

원래는 MarkDown 형식인데

 

<p><a href="https://solved.ac/백준아이디">
<img src="http://mazassumnida.wtf/api/v2/generate_badge?boj=sky0331" alt="Solved.ac프로필">
</a></p>

이렇게 HTML 형식으로 바꾼 코드를

 

티스토리 스킨 편집 > HTML 편집 메뉴에 들어가서 

이렇게 원하는 곳에 붙여넣으면 된다.

 

본인은 사이드바에 넣으려고 sidebar_element 사이에 <s_sidebar_element> 태그를 덧씌워 적용해 보았다.

 

solved.ac 뱃지