티스토리 스킨 업데이트

 

012

왼쪽부터 차례대로 데스크탑, 태블릿, 모바일 레이아웃

 

너무 못생긴 티스토리 레이아웃을 언젠간 뜯어 고쳐야지 고쳐야지 하다가, 옛날에 같이 일했던 외국인 친구한테 추천해달라고 이것저것 물어보고 그래서 이것저것 바꿨다.

블로그 제목은 내가 Hey + 추천해달라로 대화 걸었는데 annyoung으로 대답와서 그냥 annyoung으로 정했다!

 

사진은 그냥 내 사진 걸라고해서 깃헙에 있는 사진 가져왔다. 뒷배경은 치킨 보내주길래 괜찮은 것 같아서 그냥 치킨했다. 이에 영감 받아 데스크탑 커서를 닭다리로 바꿨다.

 

레이아웃은 처음부터 짜기는 막막해서 그냥 티스토리 기본 스킨에서 커스텀했다.

 

fontawesome copy code snippet 벤치마킹해서 만든 코드 복사

 

 

 

01

Before & After

 

기존엔 코드 하이라이팅이 안되는 더러운 테이블에서 github 마크다운 css를 입히고 티스토리 게시글 작성할때 사용하는 화면이 마음에 들어서 게시글 작성을 기준으로 깔끔한 블로그 느낌으로 벤치마킹했다.

 

그래서 열심히 css 뜯어보고 js 뜯어보고 내린 결론은, 에디터 페이지에서는 hightlight.js를 사용하고 있었고, atom-one-light라는 코드 스킨을 사용하고 있었다.

 

다음엔 내눈을 위해서 다크모드 지원을 해 볼 생각이다!