반응형

html 2

티스토리 블로그 입문기 #8 코드블럭 highlight.js 적용하고 테두리 없애기

오늘은 코드블럭에 highlight.js 적용하고 테두리 없애는 방법에 대해 알아보겠습니다. 처음 티스토리 코드블럭을 사용하게 되면 아래와 같이 회색 테두리가 있어 조금 보기에 좋지 않습니다. 다른 블로그를 보다 보면 이런 테두리 없이 깔끔한 코드블럭을 볼 수 있는데, 저도 적용해보기로 했습니다. 추가로 코드 가독성 개선을 위해 highlight.js도 적용할 예정입니다. 지금부터 그 방법을 하나씩 소개하도록 하겠습니다. 테두리 없애기 테두리는 다른 내용 복잡한 절차 없이 css 한 줄만 고치면 쉽게 삭제할 수 있습니다. 1. 설정 - 스킨 편집으로 이동하기 2. html 편집 - CSS로 이동하기 3. .article-view pre 찾고 수정하기 잠깐 .article-view pre의 의미에 관해 설..

티스토리 2022.02.05

티스토리 블로그 입문기 #2 에디터 분석와 글쓰기, HTML 커스텀 양식

이번에는 티스토리 블로그 에디터에 대해 알아보겠습니다. 블로그를 만들었으니 글을 써야 할 텐데, 그 전에 에디터에 익숙해지는 것이 중요합니다. 티스토리 에디터의 기능을 하나씩 살펴보도록 하겠습니다. 기본 기능 먼저 초기화면입니다. 카테고리 선택이 가능하고, 제목, 본문, 태그를 작성할 수 있습니다. 특별한 내용은 없기 때문에 다른 에디터와 마찬가지로 그냥 내용을 작성하면 됩니다. 이제부터는 내비게이션 바에 있는 다양한 기능을 하나씩 살펴보겠습니다. 먼저 파일 첨부입니다. 사진, 파일, 동영상, 슬라이드쇼를 추가할 수 있습니다. 사진이나 파일, 동영상은 여러분이 잘 알고 있는 내용인데, 슬라이드쇼가 조금 생소합니다. 슬라이드쇼는 아래와 같이 여러 개 이미지를 슬라이드쇼처럼 보여주는 기능입니다. 다음은 문단..

티스토리 2022.01.16
반응형