Hello, World — Welcome to My Blog

Welcome! This is the first post on my new personal blog. I'll be sharing thoughts, experiences, and deep dives into topics I'm passionate about.

What to Expect

This blog will cover:

• Frontend Engineering: React, Next.js, TypeScript, and modern web architecture
• Creative Coding: Three.js, WebGL shaders, and immersive web experiences
• AI & Development: Practical insights on AI-powered workflows
• Performance: Optimization techniques for production applications
• Architecture: System design patterns and best practices

Tech Stack

This blog is built with:

import { defineConfig } from 'vitepress'

export default defineConfig({
  title: 'Zhouzi Blog',
  description: 'Thoughts on frontend engineering and creative coding.',
})

Powered by VitePress, a Vue-powered static site generator.

Code Highlighting

function Greeting({ name }: { name: string }) {
  return <h1>Hello, {name}!</h1>
}

def fibonacci(n: int) -> int:
    if n <= 1:
        return n
    return fibonacci(n - 1) + fibonacci(n - 2)

Math Support

$$E=m{c}^2$$$${\int }_{-\mathrm{\infty }}^{\mathrm{\infty }}{e}^{-x^2}dx=\sqrt{\pi }$$

Mermaid Diagrams

graph TD
    A[Start] --> B{Is it working?}
    B -->|Yes| C[Great!]
    B -->|No| D[Debug]
    D --> B

Stay tuned for more content coming soon!