본문 바로가기
GitHub

03. GitHub 소스 업로드

by angelpsyche 2021. 12. 29.

안녕하세요 프시케입니다.

 

이번 포스팅은 02. GitHub 소스 내려받기에 이어 로컬에 있는 소스를 GitHub에 업로드하기입니다.

 

https://angelpsyche.tistory.com/46?category=993080 

 

02. GitHub 소스 내려받기

안녕하세요 프시케입니다. 이번 포스팅은 GitHub에 있는 소스를 로컬로 내려받기입니다. 먼저 GitHub의 소스를 내려받기 위해선 Git을 설치해야 합니다. 아직 설치를 못하신 분들은 https://angelpsyche.ti

angelpsyche.tistory.com

 

 

 

 

현재 Git Bash에서

 

cd HelloWorld.github.io/

 

를 입력하고

 

 

 

 

 

다음으로 

 

git remote

 

를 입력하면 origin이 나옵니다. 

 

 

 

 

 

다음으로

 

git remote -v

 

를 입력하면 아래의 그림과 같이 나옵니다.

 

 

 

 

 

이제 간단한 소스를 작성해보겠습니다. 

 

소스를 작성하기 위해 메모장을 열어줍니다. 

 

 

 

 

 

해당 메모장에 

 

<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8">

<title>ANGELPSYCHE</title>

</head>

<body>

<h1>hello world</h1>

<p>angelpsyche</p>

</body>

</html>

 

소스를 입력하고

 

 

 

 

 

다른 이름으로 저장을 선택하여

 

D:\project\HelleWorld.github.io폴더에 index.html 파일로 저장합니다.

 

 

 

 

 

저장된 index.html 파일을 클릭해보면 index.html 화면으로 이동하게 됩니다.

 

 

 

 

 

다시 Git Bash로 이동하여

 

git add . 

 

( add 한 칸 띄우고 . )

 

를 입력하고

 

 

 

 

다음으로 

 

git status

 

를 입력하면 아래의 그림과 같이 되며

 

 

 

 

 

다음으로 

 

git commit -m "add index.html"

 

를 입력하면 commit이 완료됩니다.

 

 

 

 

 

다음으로

 

git push origin main

 

를 입력하면 

 

 

 

 

GitHub의 로그인 창이 호출되고 로그인을 완료하면 연결에 성공한다.

 

 

 

 

 

로그인 후 다시 Git Bash를 보면 해당 소스를 업로드하게 됩니다.

 

 

 

 

이제 마지막으로 GitHub로 이동하여 추가된 소스를 확인해보면 index.html 파일을 볼 수 있습니다.

 

업로드 전

 

업로드 후

 

 

 

다시 repository의 Settings를 클릭하고

 

 

 

 

 

Settings 화면에서 아래로 내려 GitHub Pages로 이동하고 Check it out here! 클릭합니다.

 

 

 

 

 

GitHub Pages에 해당 repository의 URL을 클릭하면

 

 

 

 

 

메모장으로 작성한 간단한 소스를 GitHub에 올려 GitHub Page를 만들어 보았습니다. 

 

 

 

 

 

이번 포스팅은 여기서 마치겠습니다.

'GitHub' 카테고리의 다른 글

02. GitHub 소스 내려받기  (0) 2021.12.29
01. GitHub New repository 생성 및 GitHub Page 만들기  (0) 2021.12.29