티스토리 마크다운 화면 수정하기

티스토리 에디터 업데이트가 되면서 마크다운 모드가 생겼다. (작년인가.. 재작년인가 ... ) 

좀 편하게 쓸수있겠구나 하고 좋아했는데 아래처럼 ... 

 

변경전

에디터에는 문제없었는데 글쓰고 보니 문장이 붙어있고 뭔가 글자색도 위아래가 바뀐 느낌... 

꼴뵈기(?)가 싫다. 블로그 스킨의 CSS랑 마크다운의 CSS의 설정이 겹쳐서 문제인듯..

 

변경해본다..

 

1. 먼저 티스토리 관리 -> 스킨편집 -> html 편집 -> CSS로 들어간다.

2. 개발자도구를 키고 태그를 확인해 본다.

 

 

3. 보니 이스킨(전에 쓰던)은 .articel-view라는 class 태그로 관리하는 것 같다. ( important 설정...)

4. 개발자 도구에서 값을 수정하면 바로바로 모양 변경을 확인할 수 있다. 원하는 값을 확인

5. 이후 티스토리의 CSS에서 저 태그를 검색해서 원하는 값으로 변경해준다. 

!important에는 !impotant로 승부하자!!!

6. 적용하기를 누른 후 확인해 보자

변경후

가독성이 높아진것 같다... 주의할점은 스킨에 살짝(?) 변화가 생길 수 있으니 조심해야겠다...