Home 1. github 블로그 만들기 - 준비 및 환경세팅
Post
Cancel

1. github 블로그 만들기 - 준비 및 환경세팅

  1. 환경
    PC: MacBook Pro (M1/Intel)
    IDE: VSCode

  2. gitblog repository 생성
    github blog를 만들기 위해서는 github에 레파지토리부터 생성해야한다. 생성하는 방법은 다음과 같고 아래 이미지를 참고해서 생성하면 된다!

1
Repositories 선택 >> New 클릭 >> Repository name 입력 >> Add a README file 체크 >> Create repository 클릭 >> repository 생성 완료!

image


image

!) Repository name 입력 시 {사용자이름}.github.io 로 하지 않으면 제대로 작동하지 않을 수 있다.
웬만하면 맞추어 생성하도록 하자!
(예시는 이미 git blog를 생성 한 이후 이므로 사용자이름으로 입력하지 않았다!)


image


  1. Github Pages 설정
    git repository를 만들었으니 github blog를 열어볼 수 있다!
    하지만 바로 열 수 있는 것은 아니고 github 레파지토리로부터 호스팅 해주는 github pages을 설정해야한다.
1
repository >> Settings >> Pages >> Github Pages 를 참고하자!


image

1
2
3
4
5
6
(터미널 기준 세팅 방법) 
2.1 terminal open 
2.2 $ git clone {git repository 주소} 

* git repository 주소 확인 방법 
    code 클릭 >> https:// ~~ 주소 복사 

image

1
2
3
4
5
2.3 cd {repository name} 
2.4 echo "Hello World" > index.html 
2.5 git add --all 
2.6 git commit -m "Initial commit" 
2.7 git push -u origin main 

image

1에서 생성했던 repository name ({사용자이름}.github.io) 을 주소창에 입력하면 “Hello World!”의 문구가 보이면서 내가 만든 블로그의 초기 화면이 나온다!


image

(이 포스팅에서는 이미 yoongyoonge.github.io가 생성되어있기 때문에 주소창 입력 예시 화면만 캡쳐)



참고 사이트

creating-a-github-pages-site

Github Pages

1. 나만의 블로그 만들기 Git hub blog! (github.io)

This post is licensed under CC BY 4.0 by the author.