obsidian으로 블로그 만들기(3) - Github 자동 배포 구축

CD를 구축해보자.

지금까지 우리가 한것

1. 라즈베리파이를 WebDAV 서버로 하여 동기화 시스템 구축
2. quartz 설정 했음 이제 배포만 해두면 바로 볼 수 있다!

웬만하면 내 블로그 말고 여기를 참고하는게 가장 정확하다.

준비물

1. 도메인
2. 라즈베리파이(이미 충족)
3. github 계정

Github Action을 씁시다

1. Github에 repo하나 만들고, 해당 repo를 remote로 등록
2. .github/workflows에 deploy.yml을 작성

name: Deploy Quartz site to GitHub Pages
 
on:
  push:
    branches:
      - v4
 
permissions:
  contents: read
  pages: write
  id-token: write
 
concurrency:
  group: "pages"
  cancel-in-progress: false
 
jobs:
  build:
    runs-on: ubuntu-22.04
    steps:
      - uses: actions/checkout@v4
        with:
          fetch-depth: 0 # Fetch all history for git info
      - uses: actions/setup-node@v4
        with:
          node-version: 22
      - name: Install Dependencies
        run: npm ci
      - name: Build Quartz
        run: npx quartz build
      - name: Upload artifact
        uses: actions/upload-pages-artifact@v3
        with:
          path: public
 
  deploy:
    needs: build
    environment:
      name: github-pages
      url: ${{ steps.deployment.outputs.page_url }}
    runs-on: ubuntu-latest
    steps:
      - name: Deploy to GitHub Pages
        id: deployment
        uses: actions/deploy-pages@v4

3. github page 설정 잡아주기 (커스텀 도메인 등..)
   1. production branch V4로 잡아주기
   2. Framework preset None
4. 끝

간단하다. 이제 텅 빈 페이지가 호스팅 되고 있을것. 이제 진짜로 게시물을 집어 넣어보자.

---

obsidian으로 블로그 만들기(1) - obsidian remotely save

obsidian으로 블로그 만들기(2) - quartz 설정

obsidian으로 블로그 만들기(3) - Github 자동 배포 구축

obsidian으로 블로그 만들기(4) - 자동 배포 구축

obsidian으로 블로그 만들기(5) - google search console 등록