Github 포트폴리오 사이트 만들기 1 with 구민정 개발자님 템플릿

깃허브 포트폴리오 사이트를 만들 수 있다고 한다! KateteDeveloper.github.io 이런식으로 본인의 닉네임 뒤에 깃허브io를 붙여서 생성을 하면 된다.

 

다만, 아직 나는 웹개발자로서는 부족한 부분이 있어서, 무료로 배포해주신 깃허브 링크를 통해 이를 받아서 수정하려고 한다. 내가 가져온 것은 https://github.com/congchu/web-porfolio 여기서 받았다! 다들 사용하실 때, star를 꼭 붙여주시기를 바란다. 열심히 개발 후, 배포가 학생들에게는... 매우 큰 감사이기 때문이다. 코드를 수정하면서 배울 점도 많다!

그렇다면 바로 개발로 가보자! 

 

우선 사이트에 들어가면 보이는 안내대로 하였다. fork 한 뒤, 내 깃허브 포트폴리오로 들어갈 수 있도록 하였다. 이후 작업은 익숙한 비주얼코드 터미널을 이용해서 생성하였다.

 

1) git clone https://github.com/KateteDeveloper/KateteDeveloper.github.io.git 를 입력한다.(각자 본인의 깃허브 주소에 멎춰서 수정할 것!)

 

2)   원하는 디렉토리 cd ~~에 넣는다

 

3) 이후 늘 해왔던 대로, git add .
git commit -m "초기 프로젝트 설정"
git push origin main 해서 깃허브에 업로드 시키면 된다.  이건 너무 기본이라 생략하겠다.

 

 

그렇다면, 이후 작업들을 오늘 조금이라도 해보자🔥

 

우선 https://cucus.notion.site/85e3bec77d904f1fa282cec4756232c3 알려주신 튜토리얼을 보면서 천천히 해보겠다!

우선 index.html부터 수정하겠다!

 

참고로 수정할 사항이 매우 많기에, 오늘은 우선 앞부분 문구만이라도 수정을 해보겠다!

밑에 추가적으로 인적사항을 기입하였다.

이렇게 무사히 불러올 수 있었다. 

 

 index.html를 수정후에는

1) git add . //현재 변경된 모든 파일을 깃에 추가

2) git commit -m "Updated name in header" //커밋 메세지 작성

3) git push origin main //깃허브에 변경 사항 업로드

 

이 3가지를 잊어서는 안된다!

 

오늘은 일정이 바빠서 일단 여기서 마무리 하고, 이번주~ 다음주까지 내가 한 활동들을 담아 수정하겠다!

 

 

*다시금 좋은 템플릿을 배포해주신 구민정 개발자님께 감사의 인사를 전합니다!*