macOS 에서 깃허브 블로그 생성하기

노트북을 윈도우에서 맥으로 갈아타면서 적응도 하고 깃도 사용해보기 위해 깃을

사용 해보겠습니다.

 

예전에 윈도우에서 git 을 설치하는 부분을 블로그에 정리해놓았지만 프로젝트가 

바빠져서 진행하지 못했지만 이번에는 꼭 성공해보려고 합니다.

 

그냥 일반적인 소스 파일로 하기 보다는 github로 블로그를 만들 수 있다고 해서 

재미있을 것 같아 정리를 하려고 합니다.

 

전체적인 순서는 아래와 같이 진행 하겠습니다.

 

1. git 설치

2. git 기본 저장소 생성

3. 로컬 git 저장소와 github 저장소 연결

4. jekyll 테마 다운로드

5. jekyll 경로 수정

6. 테마 소스 commit

7. github에 push

 

---

  

그럼 시작해보도록 하겠습니다.

 

1. git 설치

 

저는 High Sierra 10.13.4버전을 사용하는데 다른 버전은 잘 모르겠지만 제 노트북에는 

이미 git이 설치 되어있어서 따로 설치할 필요가 없었습니다.

 

일단 설치가 되어있는지 확인을 위해서 터미널을 실행하고 아래 명령어를 입력

 

git --version

 

하면 만약 git이 설치되어 있는 경우 

 

git version 2.15.1 (Apple Git-101)

 

위와 같은 메시지가 터미널에 출력됩니다.

 

만약 설치가 안되어있을 경우 

 

https://git-scm.com/downloads 

위의 링크로 접속해서 다운로드 받으시고 설치하시면 됩니다.

이미 설치가 되어있거나 설치를 하시고 나서 사용자 등록을 해야 하는데

터미널에서 아래처럼 입력을 하시면 됩니다.

git config --global user.name "깃허브 계정 ID"

git config --global user.email "깃허브 계정 이메일주소"

 

 

 

2. git 기본 저장소 생성

 

git 설치 후 사용자 등록까지 완료되면 관리할 저장소를 생성해야 합니다.

 

저는 모든 작업 파일은 /Users/계정ID/Documents 에 넣어서 관리를 하기 때문에 

 

터미널을 실행해서 해당 위치로 이동 후 

 

mkdir localGit

 

위의 명령어로 로컬 저장소로 사용할 localGit 디렉토리를 생성하였습니다.

 

그리고 생성된 디렉토리를 git에서 사용할 수 있는 저장소로 만들기 위해 

해당 디렉토리로 이동 후 

 

git init

 

명령어를 실행하면 해당 localGit 디렉토리는 git에서 사용할 수 있는 

저장소로 생성되었고, 확인은 

 

ls -al

 

명령어를 실행하고 전에는 없던 .git 폴더가 생성되어있으면 제대로 로컬 저장소로 

등록된 것입니다.

3. 로컬 git 저장소와 github 저장소 연결

 

github의 저장소와 로컬 저장소를 연결해야 합니다.

 

git remote add origin [내 저장소 링크] 

 

위의 명령어를 입력하면 되고 여기서 [내 저장소 링크]는 github 사이트에서 

생성한 repositories 링크를 입력 합니다.

 

 

 

4. jekyll 테마 다운로드

원하는 테마를 골라서 다운로드를 받습니다.

 

http://jekyllthemes.org/

 

위의 링크로 들어가시면 멋진 jekyll 테마가 많은데 그 중 원하시는 것으로 

다운로드 후 파일의 압축을 풀고 2번에서 만든 git 로컬 저장소 폴더로 복사를 합니다.

5. jekyll 경로 수정

 

저는 4번 작업을 하고 바로 git에 바로 올렸는데 화면이 다 틀어져서 이상하게 

출력이 되어서 확인을 해보니 jekyll 경로를 수정해서 CSS 경로를 맞춰줘야 했었습니다. 

 

2번 작업으로 만들어 놓았던 경로로 들어가보면 _config.yml 이라는 파일이 있는데 

이 파일에서 기본적인 항목을 수정할 수가 있었습니다.

# Site settings

title:          애매한 잡학사전 <--- 왼쪽 상단의 타이틀 명

description:    "거대한 개발자의 애매한 잡학사전"

baseurl:        "" <--- 여기를 빈값으로 수정

url:            "https://xxxx.io " <--- 왼쪽 상단의 타이틀 명을 클릭했을 경우 이동할 경로

# Author

author:

  name:         거대한 개발자

  url:          블로그 주소 입력

  email:        이메일 주소 입력

# Build settings

markdown:       kramdown

# Assets

sass:

  sass_dir:     _sass

  style:        compressed

# Gems

plugins:

  - jekyll-paginate

# Permalinks

permalink:      /:year-:month-:day/:title

paginate:       5

위와 같이 수정을 하시면 됩니다.

 

 

 

6. 테마 소스 commit 

4번, 5번 에서 작업한 파일을 commit을 해서 로컬 저장소에 저장을 해야 합니다.

터미널에서 해당 경로로 이동 후

git commit -m "github blog jekyll 테마 적용"

이런 식으로 commit 을 합니다.

 

 

 

7. github에 push

 

이제 마지막으로 github에 commit한 소스를 올리면 끝입니다. 

git push origin master 

  

위의 명령어를 입력 하면 최종적으로 github 저장소에 소스가 반영됩니다.

그리고 웹에서 github의 만들어 놓은 Repository로 가서 반영되어있는 소스를 확인 하고

Settings 탭으로 이동 후 Repository name을 아래와 같이 변경해야 합니다.

깃허브계정.github.io 

변경을 하고 변경한 주소로 브라우저에서 이동하면 정상적으로 적용된 테마가 표시 되는 것을

확인 할 수 있습니다.  

 

  

한번 테마를 적용하는 것까지 해보고나서 생각 나는데로 일단 정리를 해봤는데

두서없이 정리된 것 같아서 조금 더 수정을 해야할 것 같습니다.

깃을 사용해보면서 생각나는데로 조금 더 정리를 하겠습니다.

읽어주셔서 감사합니다.