본문 바로가기

Study/GitHub

GitHub 블로그 만들기

여러가지 협업 툴과 기록 툴을 서치하는 중이다.

최근들어 jekyll을 많이들 쓴다는 카더라에, 뒤쳐지기 싫은 할미도 발맞춰 GitHub블로그를 쪄보기로,,


1. GitHub 계정 생성

github블로그를 위해 필요한 것은 단 하나, github계정이다.

있다면 해당 계정을 사용, 없다면 홈페이지에서 계정을 새로 생성하도록 한다.

https://github.com/

 

GitHub: Where the world builds software

GitHub is where over 73 million developers shape the future of software, together. Contribute to the open source community, manage your Git repositories, review code like a pro, track bugs and feat...

github.com

 

 

2. Thema 선택

블로그에 적용할 테마를 아래 링크에서 선택한다.

정렬기준은 star를 많이 받은 순이라고 한다.

https://github.com/topics/jekyll-theme

 

GitHub: Where the world builds software

GitHub is where over 73 million developers shape the future of software, together. Contribute to the open source community, manage your Git repositories, review code like a pro, track bugs and feat...

github.com

 

 

3. 선택한 Thema fork

선택한 테마에서 folk를 눌러주면 자신의 계정으로 소스들이 이동되며 화면이 전환된다.

 

필자 계정 하위에 테마가 복사된 것을 확인할 수 있고 블로그가 반정도 만들어졌다고 볼 수 있다.

settings으로 넘어가서 나머지 반을 설정하면 된다.

 

 

4. Settings 변경 (Url 설정)

settings로 이동하여 repository name을 수정해준다.

이때, 본인의 username.github.io로 설정하여 rename버튼을 눌러준다.

 

code tab으로 돌아와 _config.yml 파일을 클릭, edit this file을 눌러 config를 수정해준다.

 

url부분을 수정해주면 되는데, 드래그한 부분을 삭제하고 

mistakes를 본인의 username으로 변경한 후 commit change를 해주면 된다.

 

설정한 url을 실행해보면 블로그가 완성된 것을 확인할 수 있다.

엥..?

 

반영되는데 조금 시간 텀이 있다. 

시간이 조금 지나고 ctrl+r 로 새로고침해보면 적용된다. ㅎㅎㅎㅋㅎㅋ

 

 

5. 포스팅 생성

새로운 파일을 생성해준다.

 

파일을 만드는 규칙으로 _post/yyyy-mm-dd-urlName.md 의 형식을 가진다.

_post같은 경우는 조금 더 알아볼 필요가 있지만 포스트로 구분하는 것으로 보여지고

작성기준 날짜를 yyyy-mm-dd형식으로 입력한 후 원하는 이름으로 해당 형식을 덫붙이는 구조이다.

 

여기서 작성한 urlName부분이 해당 포스트의 url주소로 이루어지기 때문에 한글형식보다는 영어로 작성하는 편이 좋다

 

 

그리고 file입력하는 부분에 표시한 상자와 같이 layout 타입과 title을 입력해주고 commit new file을 해주면 포스트가 생성된다.

 

추후에 타이틀을 변경해주고 싶을 때, 해당 위치에서 타이틀을 수정해주고 변경사항을 반영하면 된다.

 

 

 

+ jupyter notebook 파일 다운 및 업로드

 

jupyter notebook에서 md형식의 파일을 다운로드 받고,

yyyy-mm-dd-urlName.md의 파일구조에 따라 파일명을 변경해준다.

그리고 upload files에 해당 파일을 드래그 혹은 파일 선택으로 가져오고 commit하면 md파일을 읽어들여 블로그에 개제되는 것을 확인할 수 있다.

 

 

+Thama 변경

_config.yml파일에서 skin 테마를 변경하면 적용된다.

 

 

+Image 업로드

editor를 사용하는 편이 편리하다.

typora라는 에디터에서 직접 이미지를 추가하고 수정하는 방법도 있다.

 

 

 

참고

https://www.youtube.com/watch?v=ACzFIAOsfpM 

'Study > GitHub' 카테고리의 다른 글

GitHub | 여러계정 이용하기  (0) 2022.03.27
GitHub | 원격저장소와 동기화  (0) 2022.03.27
Git | reset, branch, merge, stash  (0) 2022.03.07
Git | add, commit, log & diff  (2) 2022.03.05
Git | init  (0) 2022.03.04