블로그를 하려면, hELLO 티스토리 스킨 커스텀 과정(진행중)

728x90

hELLO 티스토리 스킨을 소개합니다.

hELLO hELLO 스킨은 본래 기능의 많이 없었다가, 최근 반응이 나쁘지 않아서 여러 기능의 추가와 함께 업데이트를 여러 번 하게 되었습니다. hELLO 1.0 때와 비교하면 비교할 수도 없을 만큼의 기능과

pronist.dev

이거를 내가 스타일 적용하는 방법이 최고 인것 같다.

하루 날 잡고 봐야겠다.

다운

적용

그냥 다운받은거를 티스토리에 올리면 된다. (image 파일 필수 업로드)

스타일을 예쁘게 변경하고 싶은데.. (이분처럼: https://inpa.tistory.com/

처음에는 그냥 다운 받아서 live-server 로 돌렸더니 역시 안된다.

저자 글을 읽어보니깐 티도리 라는 프레임워크를 통해 만들었다고 한다.

티도리 프레임워크 위에서 run 해봐야겠다.

여기 들어가서 보니깐 .. 할게 쫌 많다..? 그래도 한번 읽어보자

npm i

npm start

응 데모 페이지가 실행된다.

npm run preview 하면 내 티스토리에 적용된 모습도 볼수 있다고 한다.

뭐 환경설정하면 된다고 하는데, 일단 넘어가본다.

데모 파일은 어떤식으로 구성되어있을까? 보려고 하니..

브라우저에 보여짐 <- index.pug <- app.pug <- views 디덱토리

.. .퍼그 파일이 머징..?

퍼그 문법으로 작성하면 -> HTML 문법으로 변환 시켜준다고 한다. ..

근데 index.pug 파일에 걍 HTML 써도 작동잘 하는 것 같다.

그럼 내가 수정하고 싶은 hELLO 스킨이 pug 문법으로 구성된 원본을 찾아야겠다.

이거다. 내가 다운받은건 빌드된 거니깐, 커스텀하려면 의미없고 저걸 실행해야함.

이제 진짜 커스텀 해봐야겠다. 지금 열려있는 티도리 프레임워크는 닫고, 티도리 프레임워크로 만들어진 hELLO를 실행해보겠다. (바로 위에 있는거 clone ㄱ )

급해서clone npm i npm start 하니깐 뭔가 에러난다. 이후에는 내일 해봄

728x90

jinwoochoi.com