[github blog] 블로그 이사,분리 준비(tistory->github) #1 깃허브 블로그 만들기

2019. 2. 11. 14:44·관심/블로그

안녕하세요,

개발공부를 위해 만든 블로그라는 초심을 점점 잃어가고 있는 것 같아 초심을 유지하고자 블로그를 분리하기로 결심했습니다.

개발 관련 포스팅은 깃허브 블로그(JangGiraffe.Tech로 명명했습니다) , 리뷰관련 포스팅은 티스토리 블로그에 포스팅 하려고 합니다.

개발자로서 깃블로그가 구미가 당겨서, 블로그 선택은 그리 힘들지 않았습니다. 깃과 친해질 수 있다는 장점도 크게 한 부분을 차지했고요,

티스토리에 그동안 포스팅 했던 글들은 안타깝지만 티스토리 특성 상 못가져 간다고 해서 사실상 새로 시작하는걸로 봐도 무방합니다.


깃허브 블로그 만들기

맨땅에 해딩 해보니 깃을 익히는 것부터, 테마 끌고오는것, 기본 설정하는것 까지 좀 오래 걸렸습니다. 그것도 아주 간단한것 만 했지만요

제 블로그에 찾아와 주시는 분들에게 도움이 되고자 이 글을 작성합니다.


1. 깃허브 가입, 메일인증 
(주의할점은 생성계정.github.io가 블로그의 주소가 되니 이점 참고해서 만드시면 됩니다.)

아주 쉽습니다. 깃허브 사이트에 가서 새 계정을 만드신 후 등록한 메일로 메일인증을 완료하면 됩니다.


사이트 바로 가기 : https://github.com/

메일인증 완료! 이제 저장소(Repository)를 생성할 수 있습니다.


2. 블로그 테마(티스토리 스킨과 같음) 찾고 적용하기

깃허브 블로그 테마는 지킬테마(http://jekyllthemes.org/ )에서 찾아볼 수 있습니다.

지킬테마 페이지에서 원하는 테마를 선택한 뒤 Homepage 버튼을 누르면 보통은 해당 테마의 저장소(repository)로 이동합니다.

저는 깔끔해서 후에 제 입맞대로 수정하기 용이해 보이는 Cool Concise High-end 테마를 선택했습니다. 예쁘진 않네요

저장소에 들어가면 fork라는 버튼이 있는데 이 버튼을 눌러 해당 테마를 내 저장소로 가져옵니다


내 저장소에 같은 테마가 저장되는데, Setting으로 이동해 저장소 이름을 '유저계정.github.io'로 변경한뒤 Rename을 누릅니다.


그럼 이제부터 https://유저계정.github.io로 접속을 할 수 있게 됩니다. 테마마다 설정파일을 바꿔야지 접속이 되는 페이지도 있습니다.
(유저마다 5분정도 걸릴 수도 있다고 합니다.)


3. 설정파일 수정
(파일을 수정하는 방법에 대한부분은 다루지 않습니다. 아래 페이지에 가면 설명히 자세히 되어있습니다.)
누구나 쉽게 이해할 수 있는 GIT 입문 (https://backlog.com/git-tutorial/kr/)

테마를 fork뜬 후, 블로그의 설정을 수정해야합니다.

저장소의 _config.yml파일을 수정해서 블로그의 설정을 바 꿀 수 있는데, 제가 사용한 테마의 경우 아래 값들을 바꿔주었습니다.

설정파일로 변경한 부분이 아래와 같이 적용되어 있습니다.

   

또한 파일 중 favicon.ico는 페이지의 아이콘을 나타내는 파일입니다. 

jpg이미지를 ico확장자로 변경해주는 페이지 -> https://icoconvert.com/
저는 위 페이지를 이용해 제가 만든 이미지를 아이콘 확장자로 변경한 후, 저장소에 푸시했습니다.

  

아이콘 이미지와 블로그에 적용된 모습.



추후 해당 블로그에 올라온 포스팅을 모두 지우고 포스팅하는 법에 대해 알아볼 예정입니다.

이전 주소 : https://janggiraffe.github.io/



오늘 제가 작업한 내용들은 콘솔과 브라우저에서 확인할 수 있습니다.

이렇게 적은데, 정~~말 오래걸렸네요.. 갈길이 먼것 같습니다. 


반응형
저작자표시
'관심/블로그' 카테고리의 다른 글
  • [ 블로그 후원 받기] Buy Me A Coffee를 통해 커피 후원받기-1.가입 및 후원페이지 생성
  • [네이버 애널리틱스] 티스토리에서 네이버 애널리틱스 간단하게 적용하기
  • [블로그#1] 블로그 유입량 늘리기, 타 검색엔진에서 내 블로그 검색되게 하기(구글서치콘솔,네이버 웹마스터 도구)
  • 티스토리 카테고리 펼치기 방법(평상시에 펼쳐진 채로 만드는 방법)
JangGiraffe
JangGiraffe
안녕하세요~ 반갑습니다! 머무시면서 즐거운 시간 보내시길 바랍니다. 오픈카톡 : https://open.kakao.com/o/sYEBs0uh
  • JangGiraffe
    giraffe1010
    JangGiraffe
  • 전체
    오늘
    어제
    • 분류 전체보기 (389)
      • 공부 (154)
        • AI (3)
        • Spring (10)
        • JAVA (31)
        • python (6)
        • 기타 (11)
        • 메세지 (3)
        • Jsp,Servlet (4)
        • HTML (12)
        • Javascript (6)
        • C#,ASP.NET (2)
        • WEB (2)
        • DB (11)
        • Android (18)
        • [BaaS]Parse.com (4)
        • 졸업프로젝트 (4)
        • AWS,네이버클라우드플랫폼 (2)
        • Ubuntu (6)
        • maven (1)
        • 자료구조 (15)
        • 서버 (3)
      • 게임 (0)
      • 관심 (22)
        • 사진 (1)
        • 패스오브엑자일(POE) (1)
        • 월드오브워크래프트 (4)
        • 블로그 (7)
        • 이슈 (1)
        • IT (5)
        • 기타 게임 (3)
      • 자료 (2)
        • 면접 (2)
      • 먹거리 (103)
        • 음식리뷰 (99)
        • 카페리뷰 (4)
      • 여행 (35)
        • 국내여행 (23)
        • 해외여행 (12)
      • 생활정보 (68)
        • 생활정보 (33)
        • 상품리뷰 (34)
        • 세미나후기 (1)
      • 끄적끄적 (5)
        • 영화후기 (1)
  • 블로그 메뉴

    • 홈
    • 태그
    • 문의(카톡)
    • 방명록
  • 링크

    • 2zino
    • wildbluffer
  • 공지사항

  • 인기 글

  • 태그

    발산맛집
    오징어난전
    맛집
    돈벌기
    양양 가볼만한 곳
    홍대맛집
    강서구맛집
    떡볶이
    시즈오카
    월드오브워크래프트
    마곡맛집
    ChatGPT
    제주도맛집
    발산 회식
    김포맛집
    왕십리맛집
    와우
    가양맛집
    강원도여행
    자취
  • 최근 댓글

  • 최근 글

  • hELLO· Designed By정상우.v4.10.3
JangGiraffe
[github blog] 블로그 이사,분리 준비(tistory->github) #1 깃허브 블로그 만들기
상단으로

티스토리툴바