메뉴 건너뛰기

XEDITION

MaraSong :: 정보와 기술 IT

조회 수 252 추천 수 0 댓글 0
?

단축키

Prev이전 문서

Next다음 문서

크게 작게 위로 아래로 댓글로 가기 인쇄 첨부
?

단축키

Prev이전 문서

Next다음 문서

크게 작게 위로 아래로 댓글로 가기 인쇄 첨부

깃헙 Github 을 이용한 무료, 깔끔 홈페이지 만들기

 

https://steemit.com/github/@marasong/github

 

간단한 소개나 정보를 알려주려고 할때 웹사이트가 있으면 좋겠다 싶어서 찾아보니

깃헙을 이용해서 홈페이지를 만들면 참 깔끔하고 보기 좋습니다.

 

깃허브를 이용한 홈페이지 만들기 안내입니다.

 

먼저 깃헙 https://github.com 가입을 해야겠죠?

 

create.github.homepage.001.png

 

깃헙 사이트에서 로그인 한 다음, 상단 프로필 왼쪽에 플러스 + 클릭, New Repository 선택.

 

 

 

create.github.homepage.002.png


Repository Name 에 사용할 도메인을 스크린샷처럼 marasong.github.com 형태로 넣고, 나머지는 그대로 둡니다.

스크린샷에는 marasong2.github.com 이라고 되어있지만, 본인이 사용할 도메인을 정해서 넣으면 됩니다.

 

 

create.github.homepage.003.png

 

 

그러면 기본적인 페이지가 만들어집니다.

 

홈페이지를 만들때 소스관리도 Git 을 이용할거라서 깃소스 관리툴 소스트리를 설치합니다.

소스트리 홈페이지 https://www.sourcetreeapp.com/ 에서 다운로드, 설치합니다.

 

 

create.github.homepage.004.png

 

 

소스트리 실행, 깃 소스를 저장할 폴더를 미리 만들고 방금 만든 깃 저장소를 클론 Clone.

 

다운로드 : 깃 서버 -> 로컬 피씨 = 풀 Pull
업로드 : 로컬 피씨 -> 깃 서버 = 푸시 Push 한 다음 커밋 Commit

 

create.github.homepage.005.png

 

 

그러면 로컬 폴더에 파일이 생깁니다. 오 ~

이제 테마를 적용해 봅시다.

 


create.github.homepage.006.png

 


깃 저장소에서 Settings 클릭.

 

 

create.github.homepage.007.png

 


아래로 가면 Change theme 버튼이 있습니다. 클릭.

 

 

create.github.homepage.008.png

 

 

위와 같이 이동해서 원하는 테마를 선택하세요. 저는 미드나이트 Midnight -> Select theme 를 선택했습니다.

 


테마가 적용되면 깃 저장소 파일이 바뀝니다.

 

create.github.homepage.009.png

 

 

이제 깃 서버에서 갱신된 파일을 로컬에 받아보죠. 그래야 최신 소스를 유지할 수 있습니다.

 

SourceTree 실행 -> 브랜치 master -> 변경된 파일 확인 -> 풀 Pull 클릭.

create.github.homepage.010.png

 

 

이제 README.md 파일을 열고, 위의 스크린샷을 참고해서 수정해 봅시다.

 

 

create.github.homepage.011.png

 

 

커밋 : 변경된 내용을 적고 아래 커밋버튼 클릭.

 

 

 

create.github.homepage.011.png

 

create.github.homepage.012.png

 

 

로컬에서 수정한 파일을 스테이지에 올리고 푸시 Push 클릭.

 

 

이제 깃 홈페이지 메인에 접속해서 수정된 페이지를 봅시다 ~

https://marasong.github.com/

 

테마도 적용할 수 있습니다.
http://themes.jekyllrc.org/pithy/

?

List of Articles
번호 분류 제목 글쓴이 날짜 조회 수
29 IT Info [사전예약] 아이맥 레티나 4.5K, 에어태그 : 쿠팡 MaraSong 2021.05.19 167
28 IT Info [쿠팡] 아이패드 프로 - 사전예약 (아직 준비중) MaraSong 2021.05.12 179
27 IT Info 노스맵 - 실시간으로 인터넷 공격상황을 보여주는 사이트 MaraSong 2019.02.06 226
26 IT Info 네트워크 - 와이어샤크 WireShark 유용한 필터식 MaraSong 2019.01.28 246
» IT Info 깃헙 Github 을 이용한 무료, 깔끔 홈페이지 만들기 file MaraSong 2019.01.23 252
24 IT Info 텔레그램 다운, 서비스 기상도 file MaraSong 2019.01.21 252
23 IT Info 구글 애드센스 주소인증 - 핀번호 받음. ^_^ 2021.02.02 271
22 IT Info 녹스 Nox 바탕화면 아이콘이 사라지는 현상 file MaraSong 2019.03.21 278
21 IT Info @MaraOCRbot 이미지에서 텍스트를 추출하고 한국어로 번역해주는 텔레그램 봇 소개 file MaraSong 2019.02.04 284
20 IT Info [클럽하우스] 피씨에서 듣기 MaraSong 2021.02.21 284
19 IT Info ZIO GSB2460MSW - 지오 스위치, SSH 접속하기 file MaraSong 2019.04.04 306
18 IT Info 세이프캐스트 SafeCast 방사능 지도 - 일본어 사이트 file MaraSong 2019.02.24 316
17 IT Info @MaraTTSBot - 사진에서 한글을 추출하고, 글자를 읽어주는 텔레그램 봇 소개. file MaraSong 2019.03.26 340
16 IT Info MaraOCR 웹페이지 추천 MaraSong 2020.04.04 355
15 IT Info 구글 유저라면 도움되는 URL MaraSong 2019.04.25 381
14 IT Info 광고없는 인스타그램 이미지/사진/동영상 저장 사이트 MaraSong 2020.04.26 383
13 IT Info 깃강좌 추천 - 백로그 빽로그 https://backlog.com/git-tutorial/kr MaraSong 2019.04.23 388
12 IT Info 인터넷 불법 정보, 과연 차단할 수 있을까 - KT 음란물 차단을 바라보며. MaraSong 2019.02.13 422
11 IT Info 모바일 앱 추천 사이트 - 탭아이오 MaraSong 2019.07.24 428
10 IT Info MaraOCR - 웹페이지에서 영역을 지정하여 텍스트를 추출하고 이를 번역해주는 웨일 확장 프로그램 MaraSong 2020.04.14 462
Board Pagination Prev 1 2 Next
/ 2
위로