개요: github 호스팅을 이용해 jekyll로 포트폴리오 웹사이트 제작
특이사항: FX artist를 위한 포트폴리오이므로 영상, 이미지 활용이 중요
키워드: github, git, jekyll, ruby, html, css, js
큰 도움: 이고잉 님의 강의들, 여러 블로그 포스팅들
https://suhwan.dev/2017/06/23/jekyll-project-structure/
두서 없는 필요 지식 메모:
- jekyll은 ruby언어로 만들어진 정적 웹사이트 제작 엔진
- Git: Version managing tool for anytext
- Github: Webpage that hosting Git
- Github page: Webpage that hosting webfile. public repo에 한해 웹페이지 제작 가능. 추후 url도 커스터마이즈 가능.
git config --global user.name "000"
git config --global user.email "000"
git config —global core.autocrlf
git log --all --oneline --graph- git fork vs. clone: 깃 히스토리의 유무
나의 계획
- 웹페이지 레이아웃 작성
- 깃허브 페이지 테마 고르기
3. 테마 클론-> 왜인지 repo 만드는 과정에서 vs code 깃에서 푸시해도 파일이 안올라가 실패 - 로컬에 테마 다운로드
- VS Code에서 편집
- VSC-git-terminal에서 repo 붙여서 버전 관리 시작
- repo publish
- 페이지 다듬기
- put google analytics
- put custom url
- 전체적 점검 및 컨펌
진행 상황
- 깃허브 페이지 테마 선정
- 테마 클론 실패 이유: git repo 연결 했으나 email privacy 설정 때문에 커밋 error
- 위 설정 수정
- 첫번째 테마가 지킬 렌더링이 필요했으나 그 과정을 거치지 않아서(?아마도 추측 중) css 출력이 안 됨
- 두번째 테마를 고르고 repo 연결, 커밋, 푸시, 퍼블리시 후 페이지 정상 출력 확인
- 간단한 페이지 다듬기 진행 중
이후 필요한 것
- 동영상 링크 임베딩
- 구글 어날리틱스 붙이기
- 커스텀 url 붙이기
의문
- html - css - js 한줄 한줄 코드 뜯어보지 않음..
- js 폴더랑 script 폴더가 왜 따로 있는 것이며
- src 폴더는 또 무엇인가
- 퍼그 html 뷰어는 굳이 왜 썼을까나
- 이미 html 생성이 되어 있기 때문에 jekyll rendering 이 필요 없는 것인지
- 그래서 yml 파일도 없고 md 파일도 없었던 것인가
- 근데 나는 지킬로 생성하는 깃허브 페이지 테마를 골랐는데
- scss 파일은 있던데 이건 깃허브 페이지 속성인가
go simple 🧑🏻💻