Github 홈페이지 제작 - 초보자를 위한 단계별 가이드

1. Github 홈페이지 제작을 위한 개요

 

 

1. Github 홈페이지 제작을 위한 개요

• Github는 프로그래머들 사이에서 널리 사용되는 코드 호스팅 플랫폼이다.
• Github는 무료로 개인이나 기업의 소스 코드를 저장하고 관리할 수 있는 편리한 도구를 제공한다.
• Github Pages를 활용하면 누구나 쉽게 자신만의 웹사이트를 호스팅할 수 있다.
• Github 페이지 제작을 위해 필요한 기본적인 개념을 습득하고 숙지하는 것이 중요하다.
• Github를 이용하여 홈페이지를 제작하면 프로젝트를 소개하고 포트폴리오를 관리하는 데 용이하다.

 

 

2. Github 계정 생성하기

 

 

• 1. Github 웹사이트에 접속한다.
• 2. Sign up 버튼을 클릭한다.
• 3. Username, Email address, Password를 입력하고 Sign up for GitHub 버튼을 클릭한다.
• 4. 이메일 주소를 확인하고 계정 만들기를 완료한다.

 

 

3. 저장소(repository) 생성하기

 

 

• Github 홈페이지에 로그인한다.
• Repositories 메뉴를 클릭한다.
• New 버튼을 클릭하여 새 저장소를 생성한다.
• 저장소 이름을 입력하고 저장소를 만든다.
• 저장소에 대한 설명을 입력한다.
• Public 또는 Private 중 하나를 선택한다.
• 저장소 생성을 완료한다.

 

 

4. 파일 업로드하기

 

 

• GitHub Repository 페이지에서 오른쪽 위에 위치한 "Add file" 메뉴를 클릭합니다.
• Upload files를 선택한 후, 컴퓨터에서 업로드하고 싶은 파일을 드래그 앤 드롭하거나 파일 탐색기를 통해 선택합니다.
• Commit changes 섹션에는 파일을 업로드하는 커밋 메시지와 선택적으로 확장자명이 포함된 파일 경로를 입력합니다.
• 모든 설정이 완료되면 Commit changes 버튼을 클릭하여 파일을 업로드합니다.

 

 

5. 홈페이지 구성을 위한 설정 파일 작성하기

 

 

• config.yml 파일을 루트 폴더에 생성한다.
• title: 홈페이지 제목을 작성한다.
• description: 홈페이지 설명을 입력한다.
• baseurl: 홈페이지 주소를 설정한다.
• theme: 사용할 테마를 지정한다.
• plugins: 홈페이지에 사용할 플러그인을 설정한다.

 

 

6. 홈페이지 디자인 커스터마이징하기

 

 

• 색상 선택: 홈페이지에 사용할 메인 색상을 정하고 각 요소에 적용해보세요.
• 폰트 스타일 변경: 서체를 변경하여 텍스트의 가독성을 높이고 분위기를 변화시켜보세요.
• 레이아웃 조정: 홈페이지의 레이아웃을 커스터마이징하여 요소들의 배치를 변경해보세요.
• 이미지 및 비디오 추가: 홈페이지에 이미지와 비디오를 삽입하여 시각적인 효과를 더해보세요.
• 반응형 디자인 적용: 홈페이지가 다양한 디바이스에서 잘 보이도록 디자인을 최적화해보세요.
• 커스텀 위젯 삽입: 다양한 위젯을 추가하여 홈페이지에 원하는 기능을 구현해보세요.

 

 

7. 홈페이지 공개 설정하기

 

 

• Settings 탭으로 이동하여 Options 아래의 GitHub Pages 섹션으로 스크롤한다.
• Source 드롭다운에서 None을 master branch로 변경한다.
• 선택한 변경 내용을 저장하기 위해 Save 버튼을 클릭한다.
• 변경 내용이 성공적으로 저장되면 홈페이지 링크인 Your site is ready to be published 메시지가 표시된다.
• GitHub Pages 섹션 아래에서 홈페이지의 링크를 확인할 수 있다.

 

 

8. 마무리와 추가 팁들

 

 

• 프로필 이미지 업로드: Github 프로필에 자신의 사진이나 로고를 업로드해 프로필을 더욱 개성있게 꾸밀 수 있어.
• 프로필 README.md 작성: 프로필 페이지에 README.md 파일을 작성해 자신을 소개하고 활동 내역을 보기 쉽게 정리할 수 있어.
• 프로젝트 관리: 자주 이용하는 프로젝트를 골라 "Pinned repositories" 섹션에 추가하면 방문자가 쉽게 접근할 수 있어.
• Contribution 그래프 확인: 자신의 활동을 한눈에 확인할 수 있는 Contribution 그래프를 꾸준히 관리하면 Github 활동이 돋보이게 보여.
• 스타 및 팔로우: 다른 사용자의 프로젝트를 찾아서 스타를 누르거나 팔로우하여 Github 커뮤니티에서 활발한 활동을 할 수 있어.