SlideShare a Scribd company logo
1 of 13
Download to read offline
신부설
2015.03.11
03.GitHub으로 웹페이지
GitHub Page란?
https://guides.github.com/features/pages
깃헙페이지란 깃헙에서 제공하는 웹페이지 호스팅 서비스입니다.
보통 프로젝트의 데모, 가이드 문서를 올려 놓습니다.
웹페이지 생성
웹페이지 수정
웹페이지 생성
원하는 레포지토리의 웹페이지를 생성해봅시다.
레포지토리 화면 오른쪽에 있는 사이드바에서 Settings를 클립합니다.
웹페이지 생성 - 메인페이지 생성
아래로 스크롤 하여 Automatic Page Generator를 클릭합니다.
웹페이지 생성 - 내용 채우기
메인페이지의 내용(HTML)을 채운 다음 맨 아래에 Continue to Layouts를 클릭합니다.
웹페이지 생성 - 테마(레이아웃) 선택
웹페이지의 테마를 선택한 다음 Publish를 클릭합니다.
웹페이지 생성 - 생성된 페이지
username.github.io/reponame ex) http://c9coco.github.io/hello-world
웹페이지 생성
웹페이지 수정
웹페이지 수정
생성된 웹페이지의 데이터(HTML, CSS, …)는 ph-pages 브랜치에 있습니다.
웹페이지 수정
index.html을 편집하고 Commit changes를 클릭합니다.
웹페이지 수정
index.html을 편집하고 Commit changes를 클릭합니다.
신부설 c9coco@gmail.com
끝

More Related Content

More from Booseol Shin

2017-07-10 브릿지 패턴
2017-07-10 브릿지 패턴2017-07-10 브릿지 패턴
2017-07-10 브릿지 패턴Booseol Shin
 
2015 deploy gate 시작 가이드
2015   deploy gate 시작 가이드2015   deploy gate 시작 가이드
2015 deploy gate 시작 가이드Booseol Shin
 
파이썬2.7 기초 공부한 것 정리
파이썬2.7 기초 공부한 것 정리파이썬2.7 기초 공부한 것 정리
파이썬2.7 기초 공부한 것 정리Booseol Shin
 
HTML&CSS 태그, 속성, 셀렉터
HTML&CSS 태그, 속성, 셀렉터HTML&CSS 태그, 속성, 셀렉터
HTML&CSS 태그, 속성, 셀렉터Booseol Shin
 
안드로이드 머터리얼 디자인 기반의 앱 레이아웃 가이드 (2)
안드로이드 머터리얼 디자인 기반의 앱 레이아웃 가이드 (2)안드로이드 머터리얼 디자인 기반의 앱 레이아웃 가이드 (2)
안드로이드 머터리얼 디자인 기반의 앱 레이아웃 가이드 (2)Booseol Shin
 
안드로이드 머터리얼 디자인 기반의 앱 레이아웃 가이드 (1)
안드로이드 머터리얼 디자인 기반의 앱 레이아웃 가이드 (1)안드로이드 머터리얼 디자인 기반의 앱 레이아웃 가이드 (1)
안드로이드 머터리얼 디자인 기반의 앱 레이아웃 가이드 (1)Booseol Shin
 
초보 블로그 쇼핑몰 만들기
초보 블로그 쇼핑몰 만들기초보 블로그 쇼핑몰 만들기
초보 블로그 쇼핑몰 만들기Booseol Shin
 
머터리얼 디자인 문서 개인적인 번역
머터리얼 디자인 문서 개인적인 번역머터리얼 디자인 문서 개인적인 번역
머터리얼 디자인 문서 개인적인 번역Booseol Shin
 
안드로이드에서 플러리를 쉽게 사용하기
안드로이드에서 플러리를 쉽게 사용하기안드로이드에서 플러리를 쉽게 사용하기
안드로이드에서 플러리를 쉽게 사용하기Booseol Shin
 

More from Booseol Shin (9)

2017-07-10 브릿지 패턴
2017-07-10 브릿지 패턴2017-07-10 브릿지 패턴
2017-07-10 브릿지 패턴
 
2015 deploy gate 시작 가이드
2015   deploy gate 시작 가이드2015   deploy gate 시작 가이드
2015 deploy gate 시작 가이드
 
파이썬2.7 기초 공부한 것 정리
파이썬2.7 기초 공부한 것 정리파이썬2.7 기초 공부한 것 정리
파이썬2.7 기초 공부한 것 정리
 
HTML&CSS 태그, 속성, 셀렉터
HTML&CSS 태그, 속성, 셀렉터HTML&CSS 태그, 속성, 셀렉터
HTML&CSS 태그, 속성, 셀렉터
 
안드로이드 머터리얼 디자인 기반의 앱 레이아웃 가이드 (2)
안드로이드 머터리얼 디자인 기반의 앱 레이아웃 가이드 (2)안드로이드 머터리얼 디자인 기반의 앱 레이아웃 가이드 (2)
안드로이드 머터리얼 디자인 기반의 앱 레이아웃 가이드 (2)
 
안드로이드 머터리얼 디자인 기반의 앱 레이아웃 가이드 (1)
안드로이드 머터리얼 디자인 기반의 앱 레이아웃 가이드 (1)안드로이드 머터리얼 디자인 기반의 앱 레이아웃 가이드 (1)
안드로이드 머터리얼 디자인 기반의 앱 레이아웃 가이드 (1)
 
초보 블로그 쇼핑몰 만들기
초보 블로그 쇼핑몰 만들기초보 블로그 쇼핑몰 만들기
초보 블로그 쇼핑몰 만들기
 
머터리얼 디자인 문서 개인적인 번역
머터리얼 디자인 문서 개인적인 번역머터리얼 디자인 문서 개인적인 번역
머터리얼 디자인 문서 개인적인 번역
 
안드로이드에서 플러리를 쉽게 사용하기
안드로이드에서 플러리를 쉽게 사용하기안드로이드에서 플러리를 쉽게 사용하기
안드로이드에서 플러리를 쉽게 사용하기
 

03.GitHub으로 웹페이지