Small Step

티스토리에 소스코드를 글 내에 표시하고 싶을 때는 코드블록이라는 기능이 있습니다. 하지만 기본 코드블록을 쓰고 글을 봐보면 밑 밑 하게 되어있습니다. 이런 식으로 다소 밑밑하곤 합니다. 이 코드 블록의 디자인을 바꾸는 방법을 알려드리겠습니다. 먼저 코드 블록은 티스토리 블로그 설정에서 플러그인에 있습니다. 그 후 Syntax Highlight에서 테마를 바꿔주면 됩니다. 밑에 각각의 테마에 따른 코드블록을 정리해놓았습니다. 기본 제일 먼저 기본입니다. Atom One Dark Atom One Light Github Monokai Darcula Visual Studio XCode 위 코드 블록은 C++을 기준으로 하였기에 조금씩 다를 수 있습니다.

노션을 통해서 정리를 해왔는데 쓰다 보니 티스토리를 사용하는 게 더 나아 보여 다시 티스토리를 쓰게 됐다. 공부한 것들 유튜브 봤던 거 정리 등등으로 노션과 같게 작성할 예정이지만 노션과는 다르게 조금 더 정리하고 내용을 더해서 정리할 수 있을 것 같다. 스킨은 기본스킨중 #2로 바꿨는데 이게 제일 나은 것 같다.

이 블로그의 스킨은 https://pronist.tistory.com/5 hELLO. 티스토리 스킨을 소개합니다. hELLO 스킨은 본래 기능의 많이 없었다가, 최근 반응이 나쁘지 않아서 여러 기능의 추가와 함께 업데이트를 여러 번 하게 되었습니다. hELLO 1.0 때와 비교하면 비교할 수도 없을 만큼의 기능과 품질 pronist.tistory.com 아래 링크의 hELLO. 스킨을 이용하였으며 출처를 남깁니다.

이런 식으로 한 줄에 사진을 2개 넣는 방법을 알아보겠습니다. 이걸 활용하면 2개, 3개, 원하는 만큼 넣을 수 있습니다. 먼저 원하는 사진을 불러옵니다. 이제 사진 하나를 사진 옆에 빨간색 선이 표시될 때까지 드래그해줍니다. 이렇게 하면 사진 2개가 한 줄에 넣어지게 됩니다.

티스토리 블로그에서 전체 글수를 표기하는 방법을 알아보겠습니다. 먼저 이렇게 맨 위에 전체글수가 표시되어있지 않습니다. 이걸 전체글수가 표기되도록 바꿔보도록 하겠습니다. 먼저 카테고리 관리에서는 이 설정에 대한 내용이 따로 없습니다. 그러니 직접 html을 바꿔서 표시해봅시다. 티스토리 꾸미기에 스킨편집, html 편집을 들어가 줍시다. html 편집에서 css에 들어가 주고 Ctrl(컨트롤) + F를 눌러 "category"를 검색해줍니다. Square 스킨을 기준으로 #slider라고 쓰여있는 곳을 찾고 display : none;이 있는 곳을 찾습니다. display : none:를 다음과 같이 바꿔줍니다. block; padding: 10px 2px; border-bottom: 1px solid ..