블로그

hELLO 스킨을 적용하면서 다시 코드 블럭에 copy 버튼을 추가하였다. 이전에 작성했던 방법과 달라져서 새로 작성해 보았다. 적용 결과! 코드블럭 copy 버튼 테스트! 이전 글 : 2024.02.05 - [블로그] - [블로그] 코드블럭 copy 버튼 추가 [블로그] 코드블럭 copy 버튼 추가 ++ 2024.02.24 티스토리 블로그 테마를 정상우 개발자님의 hELLO 테마로 변경함에 따라 아래 내용은 지금 보이는 글과 다를 수 있습니다. 내가 쓰는 Book Club 템플릿의 기본 코드블럭에는 copy(복사) 버 memoirlog.tistory.com clipboard.js 저번 포스팅에서와 마찬가지로 `clipboard.js`를 활용할 것이다. 저번에는 직접 다운로드하여서 적용했는데, 이번엔 c..

2024.02.02 - [블로그] - [블로그] 티스토리 블로그 백틱(``)으로 인라인 코드 입력하기 [블로그] 티스토리 블로그 백틱(``)으로 인라인 코드 입력하기 ++ 2024.02.24 티스토리 블로그 테마를 정상우 개발자님의 hELLO 테마로 변경함에 따라 아래 내용은 지금 보이는 글과 다를 수 있습니다. 평소에 마크다운으로 글을 작성하던 것이 편했던 나에게 티 memoirlog.tistory.com hELLO 스킨을 적용하기 전에 적용했던 방법이 적용되지 않아서 검색 후 적용해 보았다. 1. 기존의 방법이 적용되지 않았던 이유 기존의 방법은 ``태그 하단에 코드를 추가하여 적용되도록 하는 방식이었다. 이 방법이 안 되는 이유는 (정확히는 잘 모르지만) `hELLO 스킨에서 이미지 지연 로딩 기능..

hELLO 스킨을 적용하면서 겪었던 내용들을 정리해 보았습니다. hELLO 스킨을 적용하려 하시는 분들께 조금이나마 도움이 되었으면 좋겠습니다. 대개 버전이 업데이트됨에 따라 적용되지 않는 사항들이 많이 있으니, 해당 github의 issue나 disccusions를 찾아보면 해결방법을 확인할 수 있을 것입니다. https://github.com/tidory/hello hELLO 스킨 티스토리 블로그에 정상우 개발자님이 만드신 hELLO 스킨을 적용해 보았다. 많은 분들이 사용하고 계시는 것 같다. 특히 개발자들에게 인기 있는 스킨이라고 한다. 아래의 링크를 통해 스킨을 다운로드할 수 있다. https://pronist.tistory.com/5 hELLO 티스토리 스킨을 소개합니다. hELLO 스킨은 초..

++ 2024.02.24 티스토리 블로그 테마를 정상우 개발자님의 hELLO 테마로 변경함에 따라 아래 내용은 지금 보이는 글과 다를 수 있습니다. 지금 버전은 다음 글을 확인해주세요! 2024.02.27 - [블로그] - [블로그] 코드 블럭에 copy 버튼 추가 (hELLO 스킨) 내가 쓰는 Book Club 템플릿의 기본 코드블럭에는 copy(복사) 버튼이 없다. 앞으로 글을 쓰면서 코드블럭을 많이 활용할 거 같고, copy 버튼이 있으면 좋을 것 같아서 copy 버튼 추가 방법을 찾아보았다. 적용 모습은 아래와 같다. 코드블럭 copy 버튼 테스트 ! 1. 아래의 파일 다운로드 해당 파일이 궁금하신 분들은 아래 사이트 참조하세요! (저는 그냥.. 뭐 clipboard에 저장하게 해주는 javasc..

++ 2024.02.24 티스토리 블로그 테마를 정상우 개발자님의 hELLO 테마로 변경함에 따라 아래 내용은 지금 보이는 글과 다를 수 있습니다. 티스토리 블로그 처음 만들 때, 마우스 오른쪽 클릭 방지 플러그인을 보통 사용한다고 해서 사용했다. 해당 플러그인을 사용하면 블로그 글을 복사해서 붙여 넣지 못하도록 해준다. (크롬을 사용한다면 개발자 모드에서 disable javascript를 하면 결국은 복사가 되는 건 안 비밀..) 이걸 쓰니 내 글을 복사하는 걸 방지하기 때문에 아무렇게나 퍼가서 똑같이 쓸 수 없게 한다는 장점은 있지만, 나는 코드를 올리는 경우도 많기 때문에 코드블럭에서만 드래그를 허용하면 좋을 것 같다고 생각했다. (물론 아직은 내 글을 아무나 복사해서 사용할 일은 없을 것 같다만..

++ 2024.02.24 티스토리 블로그 테마를 정상우 개발자님의 hELLO 테마로 변경함에 따라 아래 내용은 지금 보이는 글과 다를 수 있습니다. 아래의 글을 참고해주세요! 2024.02.26 - [블로그] - [블로그] 티스토리 블로그 백틱(`)으로 인라인 코드 입력하기 (hELLO 스킨) 평소에 마크다운으로 글을 작성하던 것이 편했던 나에게 티스토리 블로그의 기본모드를 사용하는 데에 오히려 불편한 점들이 있다.. 그중 하나가 인라인코드를 백틱(`)으로 입력하지 못하는 것이다. 티스토리 블로그는 어느 정도 커스텀이 가능하다는 것을 알고 있었기 때문에, 검색해서 백틱(`)으로 인라인코드를 입력하도록 적용해 보았다. 더보기 역시 지나고 보면 도움이 되지 않는 경험은 없는 것 같다. 깃허브 블로그를 작성하..

++ 2024.02.24 티스토리 블로그 테마를 정상우 개발자님의 hELLO 테마로 변경함에 따라 아래 내용은 지금 보이는 글과 다를 수 있습니다. 티스토리 블로그 인용구를 사용해 보면 인용구 시작 따옴표만 있고, 닫는 따옴표가 없다. 간단하게 몇 줄 짜리의 CSS 코드를 추가하면 인용구의 닫는 따옴표를 추가할 수 있다. 글 작성시 인용구는 우측 상단에 따옴표 모양을 누르고, 그 안에 리스트에서 따옴표를 누르면 된다. 티스토리 인용구 따옴표 닫기 적용된 모습 먼저 티스토리 인용구에 따옴표 닫기가 적용된 모습을 확인해 보면 아래와 같이 인용구 아래에 닫기 따옴표가 적용된 것을 확인할 수 있다. 티스토리 따옴표 인용구 닫기 추가 티스토리 인용구 따옴표 닫기 적용 방법 적용 방법은 아래의 CSS 코드를 복사하..

1. 이전 블로그 Jihwan Blog 꾸준히 성장하는 개발자 박지환의 블로그입니다. jihwan98.github.io 작년 이맘때쯤, 나는 에이블스쿨을 수강하기 전 내가 공부하는 내용들을 기록해야겠다고 마음먹었다. 그래서 블로그를 작성하기로 하였고 여러 가지 선택지에서 고민을 했었다. 티스토리 Github 블로그 네이버 블로그 이것들 중 나는 Github 블로그를 선택했었다. Github 블로그를 선택한 이유는 다음과 같았다. 나는 개발자니까. 글쓰기가 편하지는 않지만, 커스터마이징을 할 수 있다.(물론 매우 까다롭지만) 그 과정에서 개발 실력도 늘지 않을까? 2. 근데 왜 이제 와서 티스토리? 에이블스쿨을 수강하면서 정말 블로그에 열심히 기록했다. 초반에 많이 바쁘지 않을 때는 매일매일 글을 작성했고..