From aa004b08e5e0ef40f2644803b1a316a185acd2c8 Mon Sep 17 00:00:00 2001
From: Sakiko Yamasaki <sechia.saki@gmail.com>
Date: Sat, 2 Aug 2025 00:37:40 +0900
Subject: [PATCH] Fix image paths and cleanup

---
 src/components/Header.astro      | 4 ----
 src/components/KeyVisual.astro   | 2 +-
 src/content/blog/post-2.md       | 2 +-
 src/content/blog/post-3.md       | 2 +-
 src/layouts/BlogPostLayout.astro | 3 ++-
 src/pages/about.astro            | 7 ++-----
 src/pages/blog.astro             | 5 +++--
 src/pages/blog/[slug].astro      | 1 -
 src/types.ts                     | 2 +-
 9 files changed, 11 insertions(+), 17 deletions(-)

diff --git a/src/components/Header.astro b/src/components/Header.astro
index 5ccd81f..dce5e30 100644
--- a/src/components/Header.astro
+++ b/src/components/Header.astro
@@ -25,17 +25,13 @@ export interface Props {}
 </header>
 
 <script is:inline>
-  console.log("Header script loaded");
-
   window.addEventListener("DOMContentLoaded", () => {
-    console.log("DOMContentLoaded!");
 
     const toggleButton = document.getElementById("menu-toggle");
     const navMenu = document.getElementById("nav");
 
     if (toggleButton && navMenu) {
       toggleButton.addEventListener("click", () => {
-        console.log("Menu toggle clicked");
         toggleButton.classList.toggle("open");
         navMenu.classList.toggle("open");
         document.body.classList.toggle("no-scroll");
diff --git a/src/components/KeyVisual.astro b/src/components/KeyVisual.astro
index 9aea690..db9b349 100644
--- a/src/components/KeyVisual.astro
+++ b/src/components/KeyVisual.astro
@@ -4,7 +4,7 @@
 
 <section class="kv-center">
   <div class="logo-box">
-    <img src="/my-blog/images/Gira.png" alt="Giraのロゴ" class="kv-logo" />
+    <img src={`${import.meta.env.BASE_URL}images/Gira.png`} alt="Giraのロゴ" class="kv-logo" />
     <div class="logo-text">
       <span style="--i:0">G</span>
       <span style="--i:1">i</span>
diff --git a/src/content/blog/post-2.md b/src/content/blog/post-2.md
index 539bc24..28c6e64 100644
--- a/src/content/blog/post-2.md
+++ b/src/content/blog/post-2.md
@@ -3,7 +3,7 @@ title: "Kansui Park Store"
 date: 2025-07-22
 tags: ["cafe", "Starbucks"]
 description: "ocean Starbucks"
-image: "/public/images/ocean.jpg"
+image: "/images/ocean.jpg"
 ---
 
 ## ◼︎Store
diff --git a/src/content/blog/post-3.md b/src/content/blog/post-3.md
index 48bab8b..462a5e8 100644
--- a/src/content/blog/post-3.md
+++ b/src/content/blog/post-3.md
@@ -3,7 +3,7 @@ title: "Hamamatu castle Store"
 date: 2025-07-22
 tags: ["cafe", "Starbucks"]
 description: "city Starbucks"
-image: "/public/images/forest.jpg"
+image: "/images/forest.jpg"
 ---
 
 ## ◼︎Store
diff --git a/src/layouts/BlogPostLayout.astro b/src/layouts/BlogPostLayout.astro
index ce5fd91..48033e4 100644
--- a/src/layouts/BlogPostLayout.astro
+++ b/src/layouts/BlogPostLayout.astro
@@ -3,12 +3,13 @@
 import BaseLayout from './BaseLayout.astro';
 
 const { frontmatter } = Astro.props;
+const base = import.meta.env.BASE_URL;
 ---
 
 <BaseLayout title={frontmatter.title}>
   <article class="blog-article">
     {frontmatter.image && (
-      <img src={frontmatter.image} alt={frontmatter.title} class="blog-hero-image" />
+      <img src={`${base}${frontmatter.image}`} alt={frontmatter.title} class="blog-hero-image" />
     )}
 
     <h1 class="main-title">{frontmatter.title}</h1>
diff --git a/src/pages/about.astro b/src/pages/about.astro
index d4e5263..7e108a3 100644
--- a/src/pages/about.astro
+++ b/src/pages/about.astro
@@ -1,19 +1,17 @@
 ---
 // src/pages/about.astro
 import BaseLayout from '../layouts/BaseLayout.astro';
-import Header from '../components/Header.astro';
-import Footer from '../components/Footer.astro';
+const base = import.meta.env.BASE_URL;
 ---
 
 
 
 <BaseLayout title="プロフィール">
-  <Header />
 
   <main class="page-container">
     
     <div class="profile">
-      <img src="/images/profile1.jpg" alt="ギラのプロフィール画像" class="profile-image" />
+      <img src={`${base}images/profile1.jpg`} alt="ギラのプロフィール画像" class="profile-image" />
       <div class="profile-info">
         <h1 class="gradient-text profile-name">Gira</h1>
         <p class="job-title">Customer Support Trainer / Aspiring Engineer</p>
@@ -69,7 +67,6 @@ import Footer from '../components/Footer.astro';
     </section>
   </main>
 
-  <Footer slot="footer" />
 </BaseLayout>
 
 <script is:inline>
diff --git a/src/pages/blog.astro b/src/pages/blog.astro
index 0bcbc7e..69a97c3 100644
--- a/src/pages/blog.astro
+++ b/src/pages/blog.astro
@@ -3,11 +3,12 @@ import { getCollection } from 'astro:content';
 import BaseLayout from '../layouts/BaseLayout.astro';
 
 const posts = await getCollection('blog');
+const base = import.meta.env.BASE_URL;
 ---
 
 <BaseLayout title="Journal">
   <section class="blog-hero">
-    <img src="/images/blog-hero.jpg" alt="海と空のふんわりヒーロー画像" />
+    <img src={`${base}images/blog-hero.jpg`} alt="海と空のふんわりヒーロー画像" />
     <div class="overlay">
       <h1>Journal</h1>
     </div>
@@ -19,7 +20,7 @@ const posts = await getCollection('blog');
         <article class="post-card fade-in">
           <a href={`/blog/${post.slug}`}>
             <div class="post-image">
-              <img src={post.data.image || '/images/img-test.png'} alt={post.data.title} />
+              <img src={`${base}${post.data.image || 'images/img-test.png'}`} alt={post.data.title} />
             </div>
             <div class="post-content">
               <h2>{post.data.title}</h2>
diff --git a/src/pages/blog/[slug].astro b/src/pages/blog/[slug].astro
index 5b4a766..d364eae 100644
--- a/src/pages/blog/[slug].astro
+++ b/src/pages/blog/[slug].astro
@@ -5,7 +5,6 @@ import BlogPostLayout from '../../layouts/BlogPostLayout.astro';
 
 export async function getStaticPaths() {
   const blogPosts = await getCollection('blog');
-  console.log("★ getStaticPaths →", blogPosts.map(post => post.slug));
 
   return blogPosts.map(post => ({
     params: { slug: post.slug },
diff --git a/src/types.ts b/src/types.ts
index 76af18e..0fc2ea8 100644
--- a/src/types.ts
+++ b/src/types.ts
@@ -3,7 +3,7 @@ export interface Post {
   data: {
     title: string;
     description: string;
-    date: string;
+    date: Date;
     image?: string;
   };
   render: () => Promise<{ Content: any }>;