Add GitHub Pages deployment

.github/workflows/pages.yml

@@ -0,0 +1,62 @@
+name: Deploy Astro site to GitHub Pages
+
+on:
+  push:
+    branches:
+      - main
+  pull_request:
+    branches:
+      - main
+  workflow_dispatch:
+
+permissions:
+  contents: read
+
+concurrency:
+  group: pages
+  cancel-in-progress: false
+
+jobs:
+  build:
+    name: Build
+    runs-on: ubuntu-latest
+    steps:
+      - name: Checkout
+        uses: actions/checkout@v4
+
+      - name: Setup Node
+        uses: actions/setup-node@v4
+        with:
+          node-version: 20
+          cache: npm
+
+      - name: Install dependencies
+        run: npm ci
+
+      - name: Build site
+        run: npm run build
+
+      - name: Upload Pages artifact
+        if: github.event_name != 'pull_request'
+        uses: actions/upload-pages-artifact@v3
+        with:
+          path: dist
+
+  deploy:
+    name: Deploy
+    if: github.event_name != 'pull_request'
+    needs: build
+    runs-on: ubuntu-latest
+    permissions:
+      pages: write
+      id-token: write
+    environment:
+      name: github-pages
+      url: ${{ steps.deployment.outputs.page_url }}
+    steps:
+      - name: Setup Pages
+        uses: actions/configure-pages@v5
+
+      - name: Deploy to GitHub Pages
+        id: deployment
+        uses: actions/deploy-pages@v4

astro.config.mjs

@@ -2,6 +2,8 @@ import { defineConfig } from "astro/config";
 import mdx from "@astrojs/mdx";
 
 export default defineConfig({
+  site: "https://sol-momma.github.io",
+  base: "/SpecialProject",
   integrations: [mdx()],
   output: "static",
 });

public/.nojekyll

@@ -0,0 +1 @@
+

src/components/ResourceSection.astro

@@ -1,23 +1,29 @@
+---
+const baseUrl = import.meta.env.BASE_URL.replace(/\/?$/, "/");
+const paperPdf = `${baseUrl}papers/paper.pdf`;
+const datasetPdf = `${baseUrl}papers/Dataset_Paper.pdf`;
+---
+
 <div class="resource-layout">
   <div class="pdf-panel">
     <div class="pdf-head">
       <span>Main Paper PDF</span>
-      <a class="button" href="/papers/paper.pdf" target="_blank" rel="noopener noreferrer">別タブで開く</a>
+      <a class="button" href={paperPdf} target="_blank" rel="noopener noreferrer">別タブで開く</a>
     </div>
-    <iframe class="pdf-frame" title="Ahmed et al. 2025 paper PDF" src="/papers/paper.pdf#toolbar=1"></iframe>
+    <iframe class="pdf-frame" title="Ahmed et al. 2025 paper PDF" src={`${paperPdf}#toolbar=1`}></iframe>
   </div>
   <aside class="resource-panel" aria-label="論文資料リンク">
     <a class="resource-link" href="https://www.sciencedirect.com/science/article/pii/S2666827025000180" target="_blank" rel="noopener noreferrer">
       <small>ScienceDirect</small>
       <strong>Pioneering Precision in Lumbar Spine MRI Segmentation</strong>
       <span>出版社ページで概要、DOI、引用情報を確認する。</span>
     </a>
-    <a class="resource-link" href="/papers/paper.pdf" target="_blank" rel="noopener noreferrer">
+    <a class="resource-link" href={paperPdf} target="_blank" rel="noopener noreferrer">
       <small>Local PDF</small>
       <strong>paper.pdf</strong>
       <span>このメモの元になっているメイン論文PDF。</span>
     </a>
-    <a class="resource-link" href="/papers/Dataset_Paper.pdf" target="_blank" rel="noopener noreferrer">
+    <a class="resource-link" href={datasetPdf} target="_blank" rel="noopener noreferrer">
       <small>Dataset PDF</small>
       <strong>Dataset_Paper.pdf</strong>
       <span>SPIDERデータセットの詳細を確認する補助資料。</span>