0. 목표이번 스킨은 다 마음에 들었지만, 한 가지 아쉬웠던 점이 바로, 피드의 Summary 부분 이었다.Velog와 달리 요약문을 본문의 태그에 맞게 띄어쓰기 해주지 않는다. 따라서 위 그림 처럼 모든 내용이 한 줄로 쭉 주어져서 예쁘지도 않고 가독성도 떨어진다.RSS를 활용한다면, 본문 전문과 스크립트별 태그를 받을 수 있지만, 내부 치환자로 티스토리 서버에서 직접 내용을 받아오는 것보다 속도가 현저히 떨어질 것 같다. (+ 내가 귀찮아서 그리 못하겠다.)그래서 이번 목표는 글 요약부분을 해당 글의 TAG로 바꾸기 이다.1. 티스토리 치환자 살펴보기티스토리 공홈의 태그 클라우드 치환자를 살펴보면 태그 ..

0. 목표노션처럼 인라인 수식과 수식 블록 작성이 티스토리에서도 가능하게 한다.필자의 경우에는 markdown 문법으로 본문 글을 고정해놓았음으로, 추가적으로 이러한 환경에서도 가능하도록 방법을 설명하겠다. 혹시 마크다운으로 티스토리 문법을 바꾸는 체질개선을 하고 싶은 분들은 다음 글을 보고 오면 된다.   [티스토리 꾸미기] Markdown 문법으로 자동 포스팅! (수동으로 div 태그 안 넣어줘도 됨!)0. Markdown CSS를 써야하는 이유 🤔티스토리에서도 markdown을 지원하기는 하지만, 티스토리 내부 서식에 맞게 변형되어 있어 외부의 규칙으로 작성한 MarkDown이 예상대로 적용되지 않는 경우가 비일dalcheonroadhead.tistory.com 1. 티스토리 HTML에 javas..

0. SKIN 환경 이해 🧠내가 사용 중인 apricot skin#3은 최신 스킨 답게 화면이 grid로 작성되어 있다.전체 화면을 나타내는 wrap이란 클래스는 위와 같이 4등분 되어있다. 이러한 형태를 grid라고 한다. grid-template-areas 속성을 보면, "header header" "aside main" 과 같이 적혀 있는데, 같은 쌍따옴표에 들어가 있는 덩어리끼리 같은 행에 배치된다. "",""끼리는 차례대로 다음 행에 배치됨을 볼 수 있다. 위를 보면 header가 2번 적힌 것을 볼 수 있는데, 이는 행 자체를 셀병합처럼 다 차지하겠다는 뜻이다.몇 번을 시도 했으나, 위와 같이 grid가 짜여진 상황에서 aside 밑에 다른 목차 용 div를 만들어서 운용하기란 쉽지 않았다...

0. Markdown CSS를 써야하는 이유 🤔티스토리에서도 markdown을 지원하기는 하지만, 티스토리 내부 서식에 맞게 변형되어 있어 외부의 규칙으로 작성한 MarkDown이 예상대로 적용되지 않는 경우가 비일비재하다.일례로, 티스토리는 MarkDown의 H1 태그를 변형하지 못한다. 왜냐하면 본문 H1 태그에 대한 대응처리를 하지 않았기 때문이다. 이 뿐만 아니라, 태그 사이 간격, 인라인 코드블럭도 지원되지 않는다.Markdown Tool로 작성한 내용이 예상대로 표시되는 것을 원한다면, 밑의 과정을 따라해 보시라.1. Markdown cdn을 Tistory Html에 복사 붙여넣기 ✂️여기 Html에 들어가서, Html의 태그 안에 다음을 복사 붙여넣기 한다.혹시 최신 버전이 업데이트 되었..