[Github Blog] 깃헙 블로그를 만들어보자!
카테고리: Blog
안녕하세요, 허니테크입니다😁 이번 게시물은 깃헙 블로그 만드는 방법을 작성해보았습니다!
웹 개발의 ‘ㅇ’도 몰랐던 제가 가시밭길을 걸어가며 만든 제 블로그 코드를 통채로 여러분에게 드릴게요!! 제 게시물을 얼마나 많은 분들이 보겠냐만은 저와 같은 비전공자도 큰 시간과 수고를 들이지 않고 블로그를 만들었음 좋겠습니다😊😊
절대 포기하지 마세요~!!!
본 게시물은 여러분의 편의를 위해 제 깃헙 블로그 코드를 그대로 클론하여 블로그를 생성하고 커스터마이징을 하는 방법을 작성하였습니다!
혹시 처음부터 단계별로 깃헙 블로그를 생성하고 싶다면 밑에 첨부한 블로그를 참고하시기 바랍니다! (제 블로그 스승님들이에요😁)
깃헙 블로그를 만들어보자!!!
본격적으로 깃헙 블로그를 만들기 전에 여러분이 꼭 준비해야할 준비물이 2가지가 있습니다. ‘깃 데스크탑’ 프로그램과 ‘허니테크 블로그 초기 코드’입니다.
깃 데스크탑 사용방법
우리가 만들고 사용할 깃헙 블로그는 앞서 설명하였듯 Github에서 사용자에게 제공한 블로그 서비스입니다. 따라서 Git을 사용하여 블로그를 개설 및 운용을 해야합니다. Git을 사용하는 여러가지 방법이 있지만 저는 깃 데스크탑이라는 툴을 사용하여 Git을 사용합니다!
아직 깃 사용에 미숙하거나 깃 데스크탑을 잘 모르는 분들은 제 블로그의 Git & Github 카테고리를 참고해주세요 😃
Git & Github 안내서 카테고리
깃 데스크탑 설치방법
허니테크 블로그 초기 코드 준비
허니테크 블로그 초기 코드는 제가 준비해둔 코드 압축 파일입니다. 제 블로그의 초기 형태를 그대로 담아둔 코드들로 여러분들이 복잡하게 블로그를 만들 필요없이 클론하여 레파지토리에 풀기만 하면 바로 사용 가능하도록 만든 파일이에요.
위 링크를 타고 들어가면 아래와 같은 화면이 나옵니다.
화면의 ‘Code’라는 버튼을 클릭한뒤 ‘Download ZIP’을 클릭합니다.
여러분의 PC에 Initial_blog_file이라는 ZIP파일이 다운될텐데요. 압축파일에서 ‘heoni tech 초기 블로그 파일.zip’만 놔두고 나머지는 삭제하면 됩니다.
깃헙 블로그 생성을 위한 모든 준비가 끝났습니다! 이제 본격적으로 블로그를 생성해보도록 하겠습니다.
깃헙 블로그 레파지토리 만들기.
깃헙 블로그를 만들기 위해서는 특별한 레파지토리를 만들어야합니다.
위 사진과 같이 깃헙 유저 이름.github.io이라는 레파지토리를 생성합니다. 반드시 위 형식에 맞게 레파지토리 이름을 만드셔야 합니다.
이 레파지토리는 앞으로 블로그에 필요한 모드 코드 그리고 블로그에 들어갈 게시물들이 들어갈 레파지토리입니다.
블로그 레파지토리에 초기 코드 넣기.
1_ 블로그 용 레파지토리를 만든 뒤 개인 PC와 연동합니다. 여러분의 개인 pc에 원격 저장소가 만들어졌다면 해당 경로에 ‘유저 이름.github.io’ 폴더가 만들어져있겠죠?
2_ 해당 폴더에 클론하여 저장해둔 허니테크 초기 코드를 압축풀기 하여 저장합니다. (폴더에 .gitattributes파일이 있는건 자연스러운 것입니다. 삭제하지 마세요.)
위 사진처럼 코드를 압출풀기 한 뒤 폴더 안에 있는 파일들을 모드 드래그하여 root(가장 상위 폴더)에 옮겨주세요.
이상하게 블로그용 레파지토리에 바로 압축풀기하면 ,, 오류가 생기더라구요
옮긴 뒤에 ‘heoni tech 초기 블로그 파일’이라는 빈 폴더는 삭제해주세요.
3_ 원격저장소에 저장된 초기 코드들을 깃헙으로 커밋합니다.
위와 같이 블로그 레파지토리에 커밋이 잘 됐는지 확인합니다.
깃헙 블로그 서버와 연결해주기.
커밋한 코드들을 사용자에게 할당된 서버와 연결하는 작업을 해야합니다.
블로그 레파지토리에 들어가면 _config.yml이라는 파일이 있습니다. 파일을 선택한 뒤 코드 상단의 연필 모양의 아이콘을 선택하여 필요한 코드들을 수정합니다.
(다양한 툴을 사용하여 해당 파일을 수정해도 됩니다.)
24번째 줄의 url 코드를 보면 깃헙 블로그의 url 주소를 설정할 수 있습니다. 유저이름이라고 적혀 있는 부분에 본인들의 깃헙 유저 이름을 입력한 뒤 커밋하면 됩니다.
블로그 확인하기.
블로그 생성을 위한 모든 작업이 완료되었습니다. 이제 제대로 만들어졌는지 확인해보도록 하겠습니다!
위 화면이 나온다면 블로그를 성공적으로 만든겁니다! 수고하셨습니다~!!
블로그 생성까지 잘 따라오시느라 고생하셨습니다. 다음 게시물 부터는 제가 만들어놓았던 블로그 초기 설정들을 여러분에게 맞게 바꾸고 여러분 스타일에 맞게 커스터마이징을 하도록 도와드리도록 하겠습니다.
세상 자랑스럽고 멋진 블로그를 완성하는 그날까지 화이팅입니다!!😁😁😁
댓글 남기기