name: Deploy Demo (GitHub Pages)
on:
push:
branches:
- main
workflow_dispatch:
permissions:
contents: read
pages: write
id-token: write
concurrency:
group: pages
cancel-in-progress: true
jobs:
build:
name: Build static demo site
runs-on: ubuntu-latest
steps:
- name: Checkout
uses: actions/checkout@v4
- name: Assemble site
run: |
mkdir -p _site
# 예제가 ../dist, ../config.json 상대 경로를 쓰므로 저장소 구조 그대로 유지
cp -r examples _site/
cp -r dist _site/
mkdir -p _site/docs
cp docs/*.html _site/docs/
# og:image 등에서 참조하는 스크린샷 포함
cp -r docs/assets _site/docs/assets
cp config.example.json _site/config.json
# 루트 랜딩 페이지 (meta refresh 대신 실제 콘텐츠 — 검색엔진 색인 대상)
cat > _site/index.html <<'EOF'
ModuWeb — 오픈소스 웹 접근성 위젯 (TTS·화면 확대·색상 조절)
ModuWeb은 웹사이트에 TTS 음성 읽기, STT 음성 명령, 화면 확대, 색상·글꼴 조절,
읽기 가이드, 장애 유형별 프로필 등 접근성 기능을 제공하는 JavaScript 위젯입니다.
6개 언어를 지원하며 jQuery 없이 동작합니다.
- 드롭인 설치 — CDN 한 줄 또는 단일 파일(오프라인)
- 장애 유형별 프로필 7종 (저시력·색약·난독증·고령자 등)
- Apache-2.0 라이선스, 대구사이버대학교 제작
데모·예제 보기
GitHub 저장소
EOF
# robots.txt / sitemap.xml
BASE="https://daegu-cyber-university.github.io/ModuWeb"
cat > _site/robots.txt <'
echo ''
for p in "" "examples/index.html" "examples/basic.html" "examples/custom-examples.html" "examples/api-examples.html" "examples/auto-init.html" "examples/standalone.html" "examples/color-filter.html" "docs/project-overview.html" "docs/architecture-diagram.html"; do
echo " ${BASE}/${p}"
done
echo ''
} > _site/sitemap.xml
touch _site/.nojekyll
- name: Setup Pages
uses: actions/configure-pages@v5
- name: Upload artifact
uses: actions/upload-pages-artifact@v3
with:
path: _site
deploy:
name: Deploy to GitHub Pages
needs: build
runs-on: ubuntu-latest
environment:
name: github-pages
url: ${{ steps.deployment.outputs.page_url }}
steps:
- name: Deploy
id: deployment
uses: actions/deploy-pages@v4