A modern, responsive personal website built with Astro and hosted on GitHub Pages.
- Modern Design: Clean, responsive design with smooth animations
- Fast Performance: Built with Astro for optimal loading speeds
- Mobile Friendly: Fully responsive across all devices
- SEO Optimized: Proper meta tags and semantic HTML
- GitHub Pages Ready: Automatic deployment via GitHub Actions
- Framework: Astro
- Styling: Custom CSS with modern design patterns
- Deployment: GitHub Pages with GitHub Actions
- Hosting: GitHub Pages
- Hero Section: Eye-catching introduction with call-to-action
- About: Personal information and skills showcase
- Projects: Featured projects with technology tags
- Contact: Multiple ways to get in touch
- Node.js (version 18 or higher)
- npm or yarn
- Clone the repository:
git clone https://github.com/kuryaki/kuryaki.github.io.git
cd kuryaki.github.io- Install dependencies:
npm install- Start the development server:
npm run dev- Open your browser and navigate to
http://localhost:4321
npm run buildThe built files will be in the dist/ directory.
This website is automatically deployed to GitHub Pages using GitHub Actions. The deployment workflow:
- Triggers on pushes to the
mainbranch - Installs dependencies
- Builds the project
- Deploys to GitHub Pages
If you need to deploy manually:
- Build the project:
npm run build - The
dist/folder contains the static files ready for deployment
Update the following in src/pages/index.astro:
- Name and title in the hero section
- About section content
- Skills and technologies
- Project descriptions
- Contact links
The website uses custom CSS embedded in the HTML file. You can modify:
- Colors and gradients
- Typography
- Layout and spacing
- Animations and transitions
To add new pages:
- Create a new
.astrofile insrc/pages/ - Add navigation links in the header
- Update the routing as needed
The website is fully responsive and includes:
- Mobile-first design approach
- Flexible grid layouts
- Responsive typography
- Touch-friendly navigation
The astro.config.mjs file is configured for:
- Static site generation
- GitHub Pages base path
- Asset optimization
Ensure your repository settings include:
- GitHub Pages enabled
- Source set to "GitHub Actions"
- Proper permissions for the workflow
This project is open source and available under the MIT License.
Feel free to fork this project and customize it for your own personal website!
- Email: your.email@example.com
- GitHub: @kuryaki
- LinkedIn: Your Profile
Built with ❤️ using Astro