최진우.
최진우 5분 블로그 (작성하는데 5분걸림)
최진우.
전체 방문자
25,324
오늘
36
어제
67
  • Category
    • 서비스 기록
    • 스타트업 기록 (사실상 개인 일기)
    • 사업관련 그냥 내 인사이트와 생각들
    • 법인 운영 공부
    • Dev
      • 코드와 개발 이야기
      • css
      • javascript
      • react, vue
      • go
      • cloud
      • linux
      • algorithm
      • python
      • VSCode
      • cinema4d
      • 3dsmax
      • git
    • Memo
      • 맥북 노하우
      • 협업 툴 & 업무환경
      • 예술과 건축, 철학 그리고 공간
      • 여행 로그
      • 역사 메모
      • 낙서와 회고 (비공개)
      • 롱블랙 로그
      • 카페 로그
      • 영어 메모
      • 신체 및 건강
      • 디자인
    • 주관적 기관 및 회사 기록

블로그 메뉴

  • About

인기 글

  • 슬랙 이모지 모음 url
    2022.08.26
  • 양천구 신정동 쓰레기 규칙
    2022.07.18
  • [2021 예비창업패키지] 2차 합격 후기
    2021.05.30
    [2021 예비창업패키지] 2차 합격 후기
  • [3dsMax python] 시작과 환경구축
    2020.12.09
    [3dsMax python] 시작과 환경구축
  • [jetbrains] Use clipboard in Ide⋯
    2021.02.15
    [jetbrains] Use clipboard in Ide⋯

최근 댓글

  • 공감하고 가요 ^^
    아이폰 14 프로 맥스
  • 이후에 어떻게 되셨나요?
    ㅇㅇㅇㅇ

최근 글

  • 에스더 유 (바이올린)
    2023.02.01
  • 전수연 - Sentimetal Blue
    2023.02.01
  • 12년도에 여행하면서 들었던 음악을 찾았다.
    2023.02.01
  • 주업종은 [국세청분류 VS 표준산업분류] 가 있다
    2023.01.31
    주업종은 [국세청분류 VS 표준산업분류] 가 있다
  • 법인전환했다고 하면 '포괄양수도'를 물어본다. 포괄양수도는⋯
    2023.01.31
hELLO · Designed By pronist.
최진우.

최진우 5분 블로그 (작성하는데 5분걸림)

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

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

2022. 11. 23. 01:31
728x90

https://pronist.tistory.com/5

 

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

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

pronist.dev

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

하루 날 잡고 봐야겠다.

다운

https://github.com/tistory-projects/tistory-skin-hELLO/releases

적용

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

 

 

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

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

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

 

 

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

https://tidory.com/

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

npm i

npm start

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

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

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

 

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

.pug 파일로 되어있는 것 같다...?

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

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

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

 

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

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

https://github.com/tistory-projects/tistory-skin-hELLO

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

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

 

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

728x90
    'Dev' 카테고리의 다른 글
    • iterm, command 등 내 컴퓨터이름이랑 유저이름 안뜨게 하는 법
    • IIFE 란 무엇인가?
    • WebGL capture canvas to black image 에 대한 나의 생각
    • Angular v15 나옴
    최진우.
    최진우.
    Be Übermensch  😎 I like Software, Graphics, Space, Education. 블로그 글을 작성하는데 5분 걸립니다. 안남기는 것 보다는 남기는게 낳을것 같아서 블로그를 운영해봅니다. 그래도 괜찮은 인사이트들이 담겨져 있기 때문에 편하게 댓글 또는 메일로 커피챗 요청해주세요 :)
    댓글쓰기
    다음 글
    WebGL capture canvas to black image 에 대한 나의 생각
    이전 글
    Angular v15 나옴

    티스토리툴바