당신은 멋쟁이, 우리는 장고쟁이~

0%

My First Post

깃헙 페이지 배포하기


hexo도 설치 되었고

로컬 컴퓨터에서 동작도 되고. 테마도 적용 된것 같으니.


첫번째 포스트로 깃헙에 배포 하는걸 진행 하고 싶습니다.

참고로, 포스트를 작성하려면, 블로그 폴더에서 아래 명령어를 실행 하면 됩니다. 이 페이지 title 명은 “My First Post” 이니, 이걸 명령어에 포함 시킵니다.


1
hexo new "My First Post"

명령어를 실행 하면, 해당 파일은 source/_posts/에 생성 됩니다.


1. Github 페이지 생성하기


깃헙에 가서, 블로그 페이지로 쓰일 repository 를 생성합니다.


repository 이름은 반드시 <username>.github.io 가 되어야 합니다.

저는 장고쟁이니까 djangojeng-e.github.io로 생성 하였습니다.


Initalize with Readme.md 옵션을 선택하고 생성 완료 해주세요


생성이 완료되면, 브라우저에 ‘djangojeng-e.github’ 을 입력해서. 잘 동작 하는지 확인 합니다.

![Screenshot from 2020-03-14 21-47-32](/home/dhkang/Pictures/Screenshot from 2020-03-14 21-47-32.png)

2. Config 파일에 깃헙 주소 등록하기


블로그폴더 최상단으로 이동하여서 _config.yml을 수정합니다.


저는 장고쟁이이니까. urlhttp://djangojeng-e.github.io 라고 설정해 주었습니다 ㅎㅎ


1
2
3
4
5
6
7
8
9
# URL
## If your site is put in a subdirectory, set url as 'http://yoursite.com/child' and root as '/child/'
url: http://djangojeng-e.github.io
root: /
permalink: :year/:month/:day/:title/
permalink_defaults:
pretty_urls:
trailing_index: true # Set to false to remove trailing 'index.html' from permalinks
trailing_html: true # Set to false to remove trailing '.html' from permalinks

deployment부분도 수정해 줍니다


1
2
3
4
5
6
# Deployment
## Docs: https://hexo.io/docs/deployment.html
deploy:
type: git
repo: https://github.com/djangojeng-e/djangojeng-e.github.io.git
branch: master

3. 정적파일 생성후 배포하기

hexo generate 명령어를 실행하면, 정적파일들을 만들어 냅니다.


1
hexo generate

정적파일이 다 생성되었으면, 배포를 진행 합니다.


배포를 진행하기전에, hexo 와 git 을 연결해줄수 있는 플러그인 하나를 설치 해야 합니다.

1
npm install --save hexo-deployer-git

설치를 마친 뒤에, hexo deploy 명령어를 실행하여, 배포 합니다.

1
hexo deploy

https://djangojeng-e.github.io를 브라우저에 입력하고, 확인해 보면.

브라우저에서 블로그가 잘 작동 합니다!