티스토리
-
티스토리 코드 복사하는 버튼 만들기카테고리 없음 2022. 8. 5. 23:34
티스토리 스킨 편집하다가 검색 기능이랑 더 보기 기능이 눌리지 않아 티스토리 스킨을 복구하면서 기록을 남긴다. 혹시 모르니 이걸 보는 분들이 있다면 더 많은 기능을 추가하기 전에 보관 버튼을 누르도록 하자. 보관 버튼을 누르자. admin > 꾸미기 > 스킨 변경 > 맨위에 보관 이제 보관 버튼을 눌러 무슨 일이 생겼어도 다시 돌아올 대비책이 생겼다. 먼저 우리가 사용할 라이브러리는 clipboard.js라는 라이브러리이다. 내가 한 설정 나는 코드칸에 마우스를 올렸을 때(hover), 글씨로 copy라는 문자가 있는 버튼이 나오는 걸로 설정했고, copy버튼을 클릭했을 때, 아래에 복사 완료라는 문구가 나오는 것으로 설정했다. 먼저 사용할 파일을 다운로드 해보자. https://clipboardjs.c..
-
티스토리 - New 최신 마크 만들기 (커스텀)카테고리 없음 2022. 7. 29. 06:52
문득 블로그를 작성하던 중 가장 최신에 작성한 글에 돋보이는 효과를 주고 싶었다. 다른 github에서는 종종 봤었던 것 같은 기억이 나서 직접 만들어본다. 참고로 나는 letter 스킨을 사용하고 있다. 제일깔끔한듯 최신에 작성했던 글들 중에서 가장 최근에 작성했던 글 제목위에 New 라는 문구를 추가하고 싶었다. 1. 커스텀 하고자 하는 요소의 클래스 명 찾기 원하는 요소의 정보를 볼 수 있는 방법은 아래 3가지 정도가 있다. - F12 - option + cmd + i - shift + cmd + c 나는 shift + cmd + c 이 방법을 추천한다. 마우스로 내가 선택하고자 하는 영역을 색으로 구분해주기 때문이다. 대충 내가 추가하고 싶은 영역을 선택했을 때의 모습이다. 여기서 중요한것 최신 ..