View

2년전에 만들고 방치해둔 깃허브 블로그의 테마를 갈아끼워보자!

앞으로 일하거나 공부하면서 알게된 것들은
티스토리 블로그에 계속 써나가고

내가 했던 프로젝트 정리는
깃블로그에 올릴 생각이다. 

현재 나의 깃블로그 
날것의상태이다. 
심지어 CSS도 적용되지 않은 상태

1. 지킬에서 변경할 블로그 테마를 정한다

 

Jekyll Themes

 

jekyllthemes.org

지킬에서 자기가 원하는 테마 양식을 찾아본다

심플해서 인기있는 테마는 Jekyll-indigo theme같다
나는 내가 맘에 드는 테마를 계속 찾다가
파인애플 테마를 발견해서 이걸 적용하기로 했다

파인애플과 색조합이 너무 귀엽다 
마음에 쏙 - 🍍

테마를 골랐으면 해당 github에서 fork를 누르면 된다

그 후 settings >> Repository name 에서 변경해주기

그리고 이전에 fork했던 깃 블로그 테마에 가서도
settings >> Repository name을 변경해준다.

파인애플로 잘 바뀌었지만..,CSS가 안먹었다?

이전에 적용했던 테마와 똑같은 오류가 났다.

개발자 모드를 켜보니 404에러가 떠있었다.
어디선가 파일을 못 찾고 있구나 어디가 문제일까 보니
사용자명.github.io/사용자명.github.io <- 이런식으로 주소가 중복으로 들어가는 것을 확인할 수 있었다.

url이 이미 명시되어있는데 baseurl을 명시한것이다 

그래서
처음에 fork 하고 _config.yml 파일에 적용해둔 baseurl이 문제임을 파악하고 
값을 고쳐줬다

 - 처음 세팅해둔 값 :  baseurl: "/사용자명.github.io"
 - 수정한 값 :  baseurl: "/"

귀여운 파인애플 테마가
🍍🍍 나왔다.

이제 내가 원하는 방향으로 커스터마이징 하는 것만 남았다~ 

'생각저장소' 카테고리의 다른 글

ADsP 자격증 합격 후기  (0) 2021.05.20
SQLD 자격증 합격 후기  (0) 2021.04.17
Share Link
reply
«   2024/10   »
1 2 3 4 5
6 7 8 9 10 11 12
13 14 15 16 17 18 19
20 21 22 23 24 25 26
27 28 29 30 31