Blog: Marc-Christoph Wagner

A static blog template built with Astro.

This website is based on Fuwaris Repository! Thanks for this nice template :)!

✨ New Features

• Replace banner by static background image
• Transform design into a project based layout
• Cover page should only present blog posts labeled as project
• Add German language support
• Add multilanguage frontend support [long term goal]

✨ Features (Fuwari)

• Built with Astro and Tailwind CSS
• Smooth animations and page transitions
• Light / dark mode
• Customizable theme colors & banner
• Responsive design
• Search

🚀 How to Use

1. Generate a new repository from this template or fork this repository.
2. To edit your blog locally, clone your repository, run pnpm install AND pnpm add sharp to install dependencies.
   • Install pnpm npm install -g pnpm if you haven't.
3. Edit the config file src/config.ts to customize your blog.
4. Run pnpm new-post <filename> to create a new post and edit it in src/content/posts/.
5. Deploy your blog to Vercel, Netlify, GitHub Pages, etc. following the guides. You need to edit the site configuration in astro.config.mjs before deployment.

⚙️ Frontmatter of Posts

---
title: My First Blog Post
published: 2023-09-09
description: This is the first post of my new Astro blog.
image: /images/cover.jpg
tags: [Foo, Bar]
project: Front-end
draft: false
---

🧞 Commands

All commands are run from the root of the project, from a terminal:

Command	Action
pnpm install AND pnpm add sharp	Installs dependencies
pnpm dev	Starts local dev server at localhost:4321
pnpm build	Build your production site to ./dist/
pnpm preview	Preview your build locally, before deploying
pnpm new-post <filename>	Create a new post
pnpm astro ...	Run CLI commands like astro add, astro check
pnpm astro --help	Get help using the Astro CLI