github.io resume 만들기

https://chehun16.github.io/

academicpages.github.io 템플릿 사용했습니다.

깃헙에서 resume 검색하면 여러 템플릿 뜨는데 제일 마음에 들었어요 ㅎㅅㅎ

---

Start

Repository 새로 하나 만들고 레포 이름을 [본인 깃헙 아이디].github.io로 하면 됩니당.

전 vscode에서 편집해서 제 레포 로컬에 클론하고 거기 안에 템플릿 클론했어요

git clone https://github.com/academicpages/academicpages.github.io.git

그리고 중간중간 어떻게 되고 있는지 확인할 때 도커를 사용했습니다.

Docker 설치해주세요!

그리고 앱을 실행한 상태에서 터미널에

docker compose up

입력하면

이렇게 뜨고 server address 링크로 접속하면 코드 수정사항 반영된 것 확인할 수 있습니다.

---

Files

처음에 파일이 넘 많아서 헷갈렸는데..

Main page

일단 왼쪽 자기 소개 부분은

\_config.yml

에서 수정하면 됩니다. 사진도 avatar 옆에 경로 넣으면 돼요

그 오른쪽에 글은

_pages\about.md

여기서 마크다운으로 작성하면 됩니다.

Icon

여기 상단에 뜨는 아이콘은

\_includes\head\custom.html

custom.html 파일에서 변경하면 됩니당

{% include base_path %}
<link rel="apple-touch-icon" sizes="180x180" href="{{ base_path }}/images/logo2.png"/>
<link rel="icon" type="image/png" href="{{ base_path }}/images/logo2.png"/>
<link rel="manifest" href="{{ base_path }}/images/manifest.json"/>
<meta name="theme-color" content="#ffffff"/>
<link rel="stylesheet" href="{{ base_path }}/assets/css/academicons.css"/>

<script src="https://cdnjs.cloudflare.com/polyfill/v3/polyfill.min.js?features=es6"></script>
<script id="MathJax-script" async src="https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-mml-chtml.js"></script>

원본 코드엔 32x32 막 이렇게 크기별로 있던데 전 리락쿠마 사진 크기가 한 가지 뿐이라 코드 좀 줄였습니당. images 폴더에 사진 넣고 logo2.png 부분에 원하는 사진으로 경로 수정하시면 됩니다.

전 리락쿠마 좋아해서 //.ㅎㅎ ㅎ 리락쿠마로 했어요

Navigation

_data\navigation.yml

여기서 네비 관리하면 됩니다. Teaching같은 탭도 있었는데 필요 없어서 뺐어요.

Portfolio

포폴 탭에 올리고 싶은 플젝들은 이렇게 각 플젝마다 html 파일을 작성해주면 됩니다. 마크다운이나 html이나 상관없는데 전 html 기능들이 필요해서 html 사용했어요.

Publicatons

portfolio와 마찬가지로 publications 폴더에 논문 설명 파일 넣으면 됩니다.

CV

_pages\cv.md

여기서 cv도 작성해주면 됩니다!

---

End

git add .
git commit -m ""
git push origin main 

해주면 끝 !

완성 ~

https://nyangche.github.io/