본문 바로가기
  • 오늘도 한걸음. 수고많았어요.^^
  • 조금씩 꾸준히 오래 가자.ㅎ
IT기술/Git

[GIT] github로 블로그 만들기. [1] 생성 및 연결

by 미노드 2023. 3. 30.

아니 이게 된다고??

Github로 블로그 운영도 가능해졌다.

단순하게 github를 활용해서 블로그를 운영이 가능하다는게 정말 대단한 기능 같아서 진행해보려 한다.

0. Github 블로그란?

github로 블로그를 만드는 기능이 새로 생겼나? 싶었는데 그게 아니었다.
github에서 제공하는 github.io 기능을 활용하여 커스텀 블로그를 만드는 방식이다.
해두면 도움 될 기술 같아 정리해보려 한다.

https://pages.github.com/

 

GitHub Pages

Websites for you and your projects, hosted directly from your GitHub repository. Just edit, push, and your changes are live.

pages.github.com

1. Github repository 새로 작성

repository를 새로 만들어야 하는데, 지켜야 할 부분은 다음과 같다.
- 본인id.github.io 이름으로 설정

2. Github clone repository 생성

아래 사진은 Github Desktop 을 설치한 것이다.

https://desktop.github.com/

 

GitHub Desktop

Simple collaboration from your desktop

desktop.github.com

Github Desktop 설치 후 블로그로 사용할 repository를 clone 시켜 desktop에서 작업할 준비를 한다.

3. github clone 디렉토리에 샘플 웹 파일 만들기

github 블로그의 메인페이지로 작동시킬 index 페이지를 설정해준다.

index.html

<html>
<head>
	<title>
	minods blog
	</title>
</head>
<body>
<h1>helllow minod's blog</h1>
</body>
</html>

 

4. index 파일 commit and push 진행

생성한 index 파일을 commit and push 시켜 업로드를 진행한다.

5. 블로그 화면을 열어 테스트 해본다.

보면 index 파일에 입력된 코드가 페이지에 적용된 것을 볼 수 있다.
push를 하면 바로 적용되기 보단 30초 정도는 기다려야 보여졌다.

아래 사진을 보면 알겠지만 실제적으론 블로그가 아닌 웹 페이지를 꾸밀 수 있다.
github.io 라는 도메인으로 웹 개발을 활용해 웹사이트를 만들 수 있으며
미리 만들어진 템플릿들을 활용해 쉽게 블로그로 만들고 운영하는 방식이다.