테마관련
Tistory, 티도리(TIDORY) 스킨으로 변경하기
티스토리 테마를 변경하고 싶다는 생각은 꾸준히 해왔는데 이번에 시간이 나서 실천에 옮겼다. 여러가지 스킨을 찾아보던 중 예쁘고 심플하며 무료인 테마를 찾아냈다. 처음이다보니 아무래도 몇가지 시행착오가 있었어서 다른 사람은 시행착오를 줄일 수 있도록 블로그에 이를 포스팅하게 되었다. 다음은 티스토리 테마를 변경하는 방법이다. 테마를 받기 전 Git을 설치해야한다. 다음 은 Git설치 이후 실행가능한 방법이다. 깃허브 안의 파일을 받는다 git clone https://github.com/pronist/hELLO 다운로드 받은 파일 안의 dist 폴더를 확인한다 파일을 받게되면 dist 폴더가 생기는데 우리는 이를 티스토리의 스킨 등록란에 넣어줄 것이다. 티스토리 관리자 창의 스킨등록으로 진입한다 티스토리 ..
MacOS, 터미널에서 자주 쓰는 명령어 간편하게 사용하기
macOS 터미널에서 자주 쓰는 명령어를 간편하게 사용하는 방법을 찾아보았다. 그 도중에 alias 라는 것을 알게 되어서 이를 적용시켜보았다. 로컬환경에 등록된 별칭(단축명령어) 보기 현재 등록된 별칭을 볼 수 있다. $ alias 나의 로컬환경에 등록된 별칭은 이러하다. 쓸만한 것만 첨부해 보았다. -='cd -' ...=../.. ....=../../.. .....=../../../.. ......=../../../../.. ga='git add' gaa='git add --all' gc='git commit -m' gl='git pull' gps='git push' gpu='git pull' grmc='git rm --cached' gst='git status' gsw='git switch' gs..
MacOS, m1 스포티파이 테마 변경하기
스포티파이를 꾸준히 작년부터 사용하고 있는 유저다. 사용하다보니 테마를 변경하고 싶은 욕구가 들어서 찾아보다가 spicetify라는 것을 찾게 되었다. MacOS m1 MacBook Air 유저다보니 m1을 바탕으로 공식문서를 참조하여 성공적으로 설치한 내역을 기술하려 한다. (MacBook Air에서 Pro로 업그레이드 후 spicetify 재설치 할 날을 기대하며 ...) 사용 방법은 다음과 같다. bash 쉘 에서 spicetify 설치 $ curl -fsSL https://raw.githubusercontent.com/spicetify/spicetify-cli/master/install.sh | sh $ curl -fsSL https://raw.githubusercontent.com/spiceti..
티스토리에 코드펜 적용하기
html, css, js 를 블로그에서 바로 실행되게 하면 가독성이 좋고 실제로 어떻게 코드가 작동되는지 바로 볼 수 있어서 편리하다. 그래서 티스토리에 관련 툴인 코드펜을 적용할 수 있는 방법을 찾아보고 적용해보았다. 코드펜 로그인 CodePen An online code editor, learning environment, and community for front-end web development using HTML, CSS and JavaScript code snippets, projects, and web applications. codepen.io 우선 사용에 앞서 로그인이 필요하다. 회원가입 후 로그인을 해주자. 왼쪽 사이드바에 있는 Pen 클릭 HTML, CSS, js 코드 작성해 테스트..
티스토리 코드블록 셋팅하기
문득 코드블록을 작성하다가 다시 코드를 봤을때 빠르게 이해하기 위해서는 코드블록 셋팅을 해야한다고 느껴졌다. highlightjs.org 에서 마음에 드는 테마고르기 다음은 내가 마음에 들었던 테마이다. Base16/Eighties Base16/Edge Dark Base16/Espresso Base16/Eva Base16/Hopscotch Base16/Kimber 코드 복사하기 해당 사이트 메인에 있는 cdnjs 코드 + 서치해서 가져온 코드의 한글부분에 자신이 사용할 테마를 쓰고 복사한다. 스킨 편집 페이지에서 관련 부분 수정하기 3. 블로그 관리 - 스킨 편집에 들어가서 사이에 저 코드를 끼워넣는다. 나는 base16/eva 코드를 사용했다. - Poster 테마 기준 백업해두기 혹여나 html 적용..