티스토리 뷰

코딩/Git

GitHub 블로그를 만들어보자 (1)

개발자 조엘 2022. 8. 8. 16:07

서론

블로그를 시작하려는 사람들의 첫번째 고민은 어떤 블로그를 이용할지 입니다. 기본적으로 네이버 블로그, 티스토리 등이 대표적이겠지만 GitHub 블로그도 존재합니다. 비개발자가 만들기에는 조금 복잡할 수 있습니다. 하지만 네이버 블로그, 티스토리 등 한계가 있는 것에 비해 좀 더 자유롭게 꾸밀 수 있는 장점이 있습니다.

1. GitHub 계정 만들기

GitHub: Where the world builds software
GitHub is where over 83 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 features, power your CI/CD and DevOps workflows, and secure code before you commit it.
https://github.com/
💡
우선 GitHub에 접속해야겠죠? 접속한 뒤 계정이 이미 있다면 Sign in, 계정이 아직 없다면 Sign up을 통해 만들어줍니다.

2. 새로운 Repository 추가

💡
이제 새로운 Repository를 추가해야합니다. 로그인한 이후 우측 상단의 계정 아이콘을 누른 뒤 Your repositories 메뉴를 클릭합니다.

💡
Repository가 아직 없기 때문에 아무것도 나오지 않습니다. New 버튼을 눌러서 Repository를 추가해줍니다.

💡
Repository name은 GitHub 계정의 username.github.io으로 만들어 줍니다. 저의 경우 계정의 user name이 zonothing이기 때문에 zonothing.github.io를 입력했습니다.
💡
그리고 하단에 Add a README file 옵션을 체크한 뒤, Create repository 버튼을 눌러줍니다.

💡
짠! Repository가 정상적으로 생성되었습니다. 이제 Code 메뉴를 눌러서 HTTPS 주소복사해줍니다.

💡
이제 터미널/CMD창을 열어줍니다. 이후 자신이 복사하고 싶은 경로로 이동한 다음, git clone URL을 입력해줍니다. URL은 위에서 복사한 주소입니다!
git clone URL

💡
정상적으로 원하는 경로에 폴더가 생성된 것을 확인할 수 있습니다. 아직은 README.md 파일만 존재합니다.

💡
다시 터미널/CMD창으로 돌아와서 복사한 경로로 이동합니다. 이후 index.html 파일을 추가합니다.
cd 복사한경로
echo "My First GitHub Blog" > index.html

💡
이제 GitHub에 index.html을 추가한것을 Commit, Push해야합니다. 터미널/CMD창으로 돌아와서 아래 명령어를 입력해주세요
git add --all
git commit -m "add index.html file"
git push -u origin main

💡
다시 Repository로 돌아와보면 index.html이 추가된 것을 확인할 수 있습니다.

3. 블로그 기본 완성

💡
놀랍게도 이제 기본적인 GitHub 블로그가 완성되었습니다! username.github.io 주소를 입력해보면 My First GitHub Blog라는 문구가 출력이 되는 블로그로 정상 연결됩니다.
💡
아직은 블로그라고 부르기에도 민망한데요. 테마를 적용하여 블로그 답게 꾸며야 합니다. 테마 적용하는 부분은 다음 포스팅에서 이어서 작성하겠습니다.

>> 다음 포스팅 링크

GitHub 블로그를 만들어보자 (2)
이전 포스팅에서 GitHub 블로그를 처음 세팅하는 방법에 대해서 다뤘는데요. 이제 보다 본격적(?)으로 그럴싸한 웹사이트로 만들고 싶어졌습니다. 그러기 위해서 Jekyll을 설치하여 GitHub 블로그에 적용하는 방법에 대해서 포스팅하겠습니다. cd 설치경로 // ex) cd D:\Projects\zonothing.github.io chcp 65001 gem install jekyll bundler gem install webrick bundle install bundle exec jekyll serve git add .
https://joel-helloworld.tistory.com/23

Uploaded by N2T

'코딩 > Git' 카테고리의 다른 글

GitHub 블로그를 만들어보자 (2)  (1) 2022.08.09
Git 태그(Tag) 총정리 - 조회, 추가 및 삭제하기  (0) 2022.07.27
댓글