MINGKYME 블로그

github action을 이용한 Hugo 블로그 만들기

github 구조

branch 목록

  • main (Hugo 코드)
  • gh-pages (HTML 코드)

HUGO 프로젝트 설정

# MAC 기준
brew install hugo
hugo new site blog.mingky.me
cd blog.mingky.me/theme
git clone THEME_GIT_PATH # 공식홈페이지는 submodule을 추천
cd ..
vi config.json # 본인은 json이 익숙

Branch 설정

git checkout --orphan gh-pages # 고아 브랜치를 생성함

Github Action 설정

github - setting - Secrets and variables - actions - Repository secrets - ACTIONS_DEPLOY_KEY 등록

name: github pages
on:
  push:
    branches:
      - main
jobs:
  deploy:
    runs-on: ubuntu-20.04
    steps:
      - uses: actions/checkout@v2

      - name: Setup Hugo
        uses: peaceiris/actions-hugo@v2
        with:
          hugo-version: 'latest'

      - name: Build
        run: hugo --minify -b 'https://blog.mingky.me/'

      - name: add CNAME # 본인은 domain 연결을 위해 설정.
        run: echo "blog.mingky.me" > ./public/CNAME
        
      - name: Deploy
        uses: peaceiris/actions-gh-pages@v3
        with:
          personal_token: ${{ secrets.ACTIONS_DEPLOY_KEY }} 
          publish_branch: gh-pages
          publish_dir: ./public

ETC