quartz-research-note/content/Gitea Actionsとrsync、Caddyで静的サイトをホストする.md

#self-hosted #server

Serving static files using Caddy

下準備

鍵をssh-keygenで作っておく。（秘密鍵をGitea側のSecretsに置くので新しく生成しないとだめ）

ssh-keygen -t ed25519

ファイル名はrsync_webserverとrsync_webserver.pubとかにしておく

tomoyanonymous/Caddy_rsync_webserver - Caddy_rsync_webserver - Tomoya Matsuura Gitea

Caddyサーバー側の構成

Caddyのイメージはそのまま使う

フォルダ構成

Dockerfile
docker-compose.yml
Caddyfile
docs/  #空フォルダ
rsync_webserver.pub #鍵をコピーしておく

＋もう一つrsyncでファイルを受け取る用のDockerイメージを作る

FROM ubuntu:latest

RUN apt-get update && apt-get install -y openssh-server rsync
RUN mkdir /var/run/sshd

RUN sed -i 's/#\?SyslogFacility AUTH/SyslogFacility AUTH/' /etc/ssh/sshd_config
RUN sed -i 's/#\?LogLevel INFO/LogLevel DEBUG/' /etc/ssh/sshd_config

RUN sed 's@session\s*required\s*pam_loginuid.so@session optional pam_loginuid.so@g' -i /etc/pam.d/sshd

ENV NOTVISIBLE "in users profile"
RUN echo "export VISIBLE=now" >> /etc/profile

COPY rsync_webserver.pub /root/authorized_keys

RUN mkdir ~/.ssh && \
    mv ~/authorized_keys ~/.ssh/authorized_keys && \
    chmod 0600 ~/.ssh/authorized_keys && \
    chmod 0700 ~/.ssh

EXPOSE 22

CMD ["/usr/sbin/sshd", "-D"]

~/.ssh/authorized_keysと~/.sshのパーミッションを間違えるとssh接続できないので注意

docker-compose.ymlでCaddyとの連携設定。共通のボリュームでhtmlを管理するが、今回はそのフォルダをdocsという名前で作った

version: '3'

services:
   ssh:
      build: .
      volumes:
        - ./docs:/var/www/html
      ports:
        - '25222:22'
   server:
     image: caddy:latest
     volumes:
       - ./Caddyfile:/etc/caddy/Caddyfile
       - ./docs:/www/html
     ports:
       - "8080:80"

Caddyファイルは最小限。404の設定とかしてない。quartzでは/記事名.htmlにexample.com/記事名でアクセスする必要があるのでtry_filesの行が必要。

:80 {
  root * /www/html
  file_server
  try_files {path}.html {path}
}

docs内に適当なindex.htmlを置いてdocker-compose build、docker-compose up -dで立ち上げ、DockerホストのIP:8080で繋ぐとアクセスできる。

これをそのままCloudflare Tunnelで公開している。

Gitea側の設定

Action RunnerつきでGiteaを立ち上げるところまでは省略。

ほぼこのサイトの例を借りる。HugoじゃなくQuartzなので色々違うけど

CI/CD pipeline for a Hugo-built static page using Gitea Actions on a selfhosted Gitea instance · Julius Röttgermann | DevOps related Blog and Tutorials

リポジトリのSettings -> Actions -> SecretsにPRIVATE_KEYという名前でrsync_webserverの中身を貼り付ける。 同じくVariablesの方には以下を設定

• WEBSERVER_HOST (Caddyが立ち上がっているサーバーのIP)
• WEBSERVER_PORT （Caddyが立ち上がっているサーバーのSSH用ポート、上の例では25222）
• WEBSERVER_USER ：root（これあんまり良くないのかな）

で、リポジトリに/.gitea/workflows/ci.yamlを作る。

name: Build
on:
  push:
    branches:
      - v4
jobs:
  build:
    env:
      RUNNER_TOOL_CACHE: /toolcache #これないとキャッシュが効かない
    runs-on: ubuntu-latest
    steps:
      - run: git config --global core.quotepath false
      - name: Install apt packages
        run: apt update && apt install -y rsync
      - uses: actions/checkout@v3
        with:
          fetch-depth: 0
      - uses: https://github.com/actions/setup-node@v4
        with:
          node-version: 'latest'
      - uses: https://github.com/actions/setup-go@v4
        with:
          go-version: '^1.20'
      - uses: https://gitea.com/actions/go-hashfiles@v0.0.1
        id: get-hash
        with: 
          patterns: |-
            **/package-lock.json                  
      - name: Cache dependencies
        uses: actions/cache@v3
        with:
          path: ~/.npm
          key: ${{ runner.os }}-node-${{ steps.get-hash.outputs.hash }}
          restore-keys: |
            ${{ runner.os }}-node-            
      - run: npm i
      - run: npx quartz build
      - name: Create private key
        run: |
          echo "${{ secrets.PRIVATE_KEY }}" > /tmp/act_runner_key
          chmod 600 /tmp/act_runner_key          
      - name: rsync public directory
        run: |
          rsync -avz --delete -e "ssh -i /tmp/act_runner_key -o StrictHostKeyChecking=no -p ${{ vars.WEBSERVER_PORT }}" ${{ gitea.workspace }}/public/* ${{ vars.WEBSERVER_USER }}@${{ vars.WEBSERVER_HOST }}:/var/www/html          

Branch Previewが手軽にできればいいんだけどなあ