깃허브에 이력서 사이트와 블로그 만들기
깃허브 페이지 -> 정적인 사이트용(정보 제시만)
1. 웹사이트 만들기
1)사용할 파일 준비하기
- 사이트 내용이 담긴 HTML파일과 사이트 디자인을 담당하는 CSS파일 준비
-첫화면은 반드시 index.html로 저장하고 이미지및 링크가 제대로 동작하는 지 확인후 푸시
2)저장소 복제하기 - 다른사람 저장소에 있는 소스파일은 자신의 저장소로 복제한후 수정
깃허브사이트에 로그인후 예제파일이 접속된 파일로 접속->[Fork]클릭->[Create fork]->계정/resume(저장소)
-지역저장소로 복제하기
포크한 저장소는 내 깃허브 저장소-> 깃허브의 저장소를 사용자 컴퓨터로 복제
VS Code ->[리포지토리 복제]->화면 위쪽 입력창에 복제할 저장소 주소 입력(이력서 파일 저장소 주소)
resume 폴더에 있는 index.html를 더블클릭하면 예제 사이트의 모습을 볼수 있다.
3)사용할 이미지 파일 교체하기
배경: bg.jpg 프로필:pf.png
4)index.html 파일 수정하기
-VS Code에서 현재 작업폴더에 있는 클릭 <>funnycom</>에서 funnycom대신 이름을 넣음
-<>와</>사이에 자신에 맞게 내용을 수정 + 경력,기술,학력등
5) 변경 사항 커밋하기
VS Code에서 소스제어를 클릭해 소스제어창으로 이동
6) 원격 저장소를 페이지로 전환하기
이력서 파일이 저장된 저장소 ->[Setting]
왼쪽 카테고리에서 [pages]-> 이력서 파일이 있는 브랜치를 선택->[Save]
http://아이디.github.io/저장소명/
2. 블로그만들기
1)지킬테마 살펴보기
-자신이 만들 블로그의 목적 생각
웹사이트를 만들어 주는 테마도 존재
2) 지킬 테마 선택하기
-깃허브에서 검색해 찾을수 있다
3) 블로그 만들고 기본 환경 설정하기
-지킬테마를 선택한후 테마를 사용하는 법
1) 소스를 그래도 포크해서 사용 2) 소스를 사용자 컴퓨터에 내려받아서 사용하는 방법
4)블로그에 포스트 작성하기
-지킬테마에서 블로그 포스트는 _posts 디렉터리에 저장
5)블로그 포스트에 이미지 넣기
-작성했던 포스트를 수정해서 이미지를 삽입함->이미지 삽입하려면 이미지파일을 저자소로 업로드
-저장소에 변경사항이 생겼으므로 커밋메세지를 작성후 커밋
! [대체 텍스트 (/images/파일이름)
