My Astro Blog

This is a simple blog site built using Astro. It serves as a starting point for creating a personal blog with a clean and modern design.

Project Structure

my-astro-blog
├── src
│   ├── pages
│   │   └── index.astro        # Main entry point for the blog site
│   ├── components
│   │   └── Header.astro       # Header component with site title and navigation
│   └── layouts
│       └── BlogLayout.astro   # Layout component for consistent blog structure
├── public
│   └── favicon.svg            # Favicon for the blog site
├── package.json                # npm configuration file
├── astro.config.mjs           # Astro configuration file
└── README.md                  # Project documentation

Getting Started

To get started with this blog site, follow these steps:

1. Clone the repository:

   git clone <repository-url>
   cd my-astro-blog

2. Install dependencies:

   npm install

3. Run the development server:

   npm run dev

4. Open your browser: Navigate to http://localhost:3000 to see your blog in action.

Customization

You can customize the blog by modifying the following files:

• src/pages/index.astro: Update the homepage content and structure.
• src/components/Header.astro: Change the header content, such as the site title and navigation links.
• src/layouts/BlogLayout.astro: Adjust the layout for your blog pages.

License

This project is licensed under the MIT License. Feel free to use and modify it as you wish.