Tips
티스토리 코드 예쁘게 삽입하기 - Color Scripter
필자는 Squared 스킨을 애용하고 있다. 다만 이 스킨을 사용할 경우, 코드블럭을 사용할 때 불필요한 테두리가 생기는데 맘에 들지 않아서 다른 방법을 찾고 있던 와중에 Color Scripter를 알게 됐다. 주소 : https://colorscripter.com/ Color Scripter Simple & Flexible Syntax HighLighter colorscripter.com 위처럼 Color Scripter에 들어가서 코드를 옮기면 언어와 스타일에 맞춰서 코드가 꾸며진다. 세부설정에서 줄번호 복사를 체크 해제 할 경우, 블로그에 옮겼을 때 왼쪽 번호들이 제거된채로 포스팅이 된다. Color Scripter에서 HTML로 복사를 선택하여 복사한다. 티스토리 글쓰기에서 Html 모드로 전환..
티스토리 이미지에 테두리 입히는법
나는 티스토리 기본 스킨을 사용하고 있기 때문에 다른 스킨들은 경우에 따라 다른 위치에 있을 수도 있겠지만 imageblock img { } 부분에 border:1px solid; 를 추가해주었더니 이미지에 테두리가 생기더라. 블로그 관리자 페이지 -> 꾸미기의 스킨편집 -> html 편집 선택 -> CSS에서 imageblock를 찾아서 border:1px solid; 추가한다. 원래는 위의 content에서 이미지부분에 테두리가 없었지만, 설정을 마치고 나서 확인해보니 테두리가 생겼다.
웹페이지 전체 스크린샷(screenshot)
평소에는 기본 캡처 도구를 이용해서 특정 부분을 캡쳐하는 방식을 선호했었다. 하지만 이 방법도 한계가 있어서 웹 페이지 전체 부분을 정확하게 가져올 수 있는 방법을 알아봤다. 1. F12 를 누른다. 오른쪽에 새로운 창이 생기는 것을 볼 수 있다. 2. Ctrl + Shift + P 입력창이 생긴다. 3. 입력창에 'screenshot' 입력 screenshot을 입력하면 아래 4종류의 screenshot을 볼 수 있다. 이 중에서 'Capture full size screenshot'을 선택한다. (마우스 좌클릭) 4. 전체 웹페이지 창이 다운로드되고, 아래처럼 확인 가능하다.