[Portfolio] 개발자 포트폴리오 준비

애플 개발자 아카데미를 준비하며 제대로 된 포트폴리오 사이트를 만들기로 결심했다. 마음같아선 직접 서버부터 웹 개발까지 맡고 싶었는데 15일동안 CV와 포트폴리오를 모두 준비하긴 무리일것같아 어쩔 수 없이 짧은 시간에 포트폴리오 페이지를 만들 수 있도록 여러 웹 서비스를 이용했다.

 

웹 호스팅의 경우는 gitHub Page 서비스를 이용했고,

포트폴리오 템플릿은 아래 ChemistryX님의 포트폴리오를 활용했다. 아래 프로젝트는 jekyll와 ruby로 만들어졌다.

GitHub - ChemistryX/hyde: ☄️ Jekyll로 만들어진 개인 블로그 / 포트폴리오입니다.

 

---

1. 위의 템플릿을 fork

이때 fork하는 레포지토리의 이름을 꼭 username.github.io와 같은 형식으로 해줘야 한다.

감사의 의미로 start도 한번씩 눌러주기

 

2. Read를 참고해서 기본 설정 바꾸기

fork받은 레포지토리의 readme 메뉴얼에 맞춰 각자의 설정에 맞게 해당 내용을 바꿔준다.

_config.yml 수정

title: Minsun
description: >-
  Backend Developer<br>
  & Student
url: "https://miinsun.github.io"
github: miinsun
email: [이메일]
google_analytics: <YOUR UA TOKEN>

exclude: [README.md, Gemfile, Gemfile.lock]

comments:
  enabled: true
  repo: ChemistryX/hyde-comments
  issue-term: pathname
  theme: github-light

 

authors.yml 수정

- name: miinsun
  email: [이메일]
  image: /assets/images/profile/miinsun.jpg

 

3. 아이콘 만들기

아래 사이트에서 파비콘과 기본 아이콘을 만든다.

Favicon & App Icon Generator

• android-chrome-192x192.png
• android-chrome-512x1512.png
• apple-touch-icon.png
• favicon-16x16.png
• favicon-32x32.png

등을 /assets/images 폴더에 넣어주면 아이콘 설정 또한 끝난다.

 

4. 기본 레이아웃 수정

BLOG 채널과 PORTPOLIO 채널을 제외한 ABOUT과 PROJECTS만 사용할 것이다.

 _pages 폴더에서 blog.html, portpolio.html를 삭제해주자

 

---

 

여기까지 완성된 웹사이트를 https://miinsun.github.io/에서 확인 할 수 있다.

차차 자기소개도 수정하고 포트폴리오도 추가하도록 할 것이다.