IT Info 깃헙 Github 을 이용한 무료, 깔끔 홈페이지 만들기
2019.01.23 16:03
깃헙 Github 을 이용한 무료, 깔끔 홈페이지 만들기
https://steemit.com/github/@marasong/github
간단한 소개나 정보를 알려주려고 할때 웹사이트가 있으면 좋겠다 싶어서 찾아보니
깃헙을 이용해서 홈페이지를 만들면 참 깔끔하고 보기 좋습니다.
깃허브를 이용한 홈페이지 만들기 안내입니다.
먼저 깃헙 https://github.com 가입을 해야겠죠?
깃헙 사이트에서 로그인 한 다음, 상단 프로필 왼쪽에 플러스 + 클릭, New Repository 선택.
Repository Name 에 사용할 도메인을 스크린샷처럼 marasong.github.com 형태로 넣고, 나머지는 그대로 둡니다.
스크린샷에는 marasong2.github.com 이라고 되어있지만, 본인이 사용할 도메인을 정해서 넣으면 됩니다.
그러면 기본적인 페이지가 만들어집니다.
홈페이지를 만들때 소스관리도 Git 을 이용할거라서 깃소스 관리툴 소스트리를 설치합니다.
소스트리 홈페이지 https://www.sourcetreeapp.com/ 에서 다운로드, 설치합니다.
소스트리 실행, 깃 소스를 저장할 폴더를 미리 만들고 방금 만든 깃 저장소를 클론 Clone.
다운로드 : 깃 서버 -> 로컬 피씨 = 풀 Pull
업로드 : 로컬 피씨 -> 깃 서버 = 푸시 Push 한 다음 커밋 Commit
그러면 로컬 폴더에 파일이 생깁니다. 오 ~
이제 테마를 적용해 봅시다.
깃 저장소에서 Settings 클릭.
아래로 가면 Change theme 버튼이 있습니다. 클릭.
위와 같이 이동해서 원하는 테마를 선택하세요. 저는 미드나이트 Midnight -> Select theme 를 선택했습니다.
테마가 적용되면 깃 저장소 파일이 바뀝니다.
이제 깃 서버에서 갱신된 파일을 로컬에 받아보죠. 그래야 최신 소스를 유지할 수 있습니다.
SourceTree 실행 -> 브랜치 master -> 변경된 파일 확인 -> 풀 Pull 클릭.
이제 README.md 파일을 열고, 위의 스크린샷을 참고해서 수정해 봅시다.
커밋 : 변경된 내용을 적고 아래 커밋버튼 클릭.
로컬에서 수정한 파일을 스테이지에 올리고 푸시 Push 클릭.
이제 깃 홈페이지 메인에 접속해서 수정된 페이지를 봅시다 ~
테마도 적용할 수 있습니다.
http://themes.jekyllrc.org/pithy/
댓글 0
번호 | 제목 | 글쓴이 | 날짜 | 조회 수 |
---|---|---|---|---|
55 | PHP 에서 json 으로 반환된 데이터 배열 처리 | MaraSong | 2019.01.23 | 1040 |
» | 깃헙 Github 을 이용한 무료, 깔끔 홈페이지 만들기 | MaraSong | 2019.01.23 | 661 |
53 | Mara Copy - 웹페이지에서 텍스트만 뽑아내서 텍스트를 복사할 수 있도록 만든 크롬 확장 프로그램. | MaraSong | 2019.01.23 | 1572 |
52 | 디비 데이터 파일 MDF 파일 용량 줄이기 [5] | MaraSong | 2019.01.24 | 810 |
51 | 로그파일 LDF 파일 용량 줄이기 | MaraSong | 2019.01.24 | 1240 |
50 | 테이블별 용량 및 로우수 확인하기 [19] | MaraSong | 2019.01.25 | 1114 |
49 | 컬럼 수정시 Saving changes is not permitted 에러 | MaraSong | 2019.01.25 | 911 |
48 | 윈도 네트워크 비정상 동작시 오류 수정 | MaraSong | 2019.01.28 | 855 |
47 | 백업시 에러 : The backup of full-text catalog 'DB' is not permitted because it is not online. [9] | MaraSong | 2019.01.28 | 1452 |
46 | 네트워크 - 와이어샤크 WireShark 유용한 필터식 [3] | MaraSong | 2019.01.28 | 32362 |
* 쿠팡 파트너스 활동을 통해 일정액의 수수료를 제공받을 수 있습니다.