My Tech Blog (적용)

어제 블로그에 MAC 스타일 코드블럭 테마 적용하려고 했는데COPY 블럭이 안 먹히는 문제 & window에서 코드블록 깨지는 현상으로 원상복구 했다.  내 블로그는 다크모드 막아놨는데 코드블럭만 다크모드로 나오게 해 주고 싶어서그래서 그냥 다크모드로 직접 커스텀 하기로 했음 참고로 나는 heLLO 스킨 사용중 + 다크모드 강제로 해제 + 코드블럭인라인넘버 추가해 놓은 상태에서 시작함 완성작 (코드 카피 버튼은 별도로 포스팅 할 예정) 1. 코드블럭 배경 색상 변경스킨편집 > html편집 > css 편집 > pre code 검색해당 블럭 주석 처리#content .contents_style pre code { padding-left: 1rem; padding-right: 1rem; line-height:..

코드블럭에 인라인 넘버 적용하기 1. html편집 블로그 관리 > 스킨 편집 > html편집  바로 위쪽에 아래 코드를 복사 붙여넣기 해 준다.   맥북의 경우 command + F, 윈도우는 ctrl + F 해서 /body 검색 해주면 바로 찾을 수 있다.or 스크롤 쭉 내려서 찾아주셔도 됩니다 ㅎㅎ   2. CSS 편집위 작업이 끝났으면 CSS 들어가서 아래 코드 추가 해 주자.#content에 이어서 쭉 붙여줘도 되지만 저 같은 경우 커스텀한 것들은 주석달아서 맨 밑에 붙여 넣어 주었어요~/* 코드블럭 인라인 넘버 적용*/#content .hljs-ln-numbers { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-..