VitePress ile Blog Oluşturma

15 Ocak 2025 • 5 dakika okuma

VitePress, Vue.js ekibi tarafından geliştirilen modern bir static site generator'dır. Hızlı, esnek ve güçlü özellikleri ile blog oluşturmak için mükemmel bir seçimdir.

Neden VitePress?

⚡ Hızlı Geliştirme

• Vite tabanlı hızlı hot reload
• Anında sayfa yenileme
• Optimize edilmiş build süreci

📝 Markdown Odaklı

• Kolay içerik yönetimi
• Vue bileşenleri desteği
• Syntax highlighting

🎨 Özelleştirilebilir

• Tema desteği
• Custom CSS
• Vue bileşenleri entegrasyonu

Kurulum Adımları

1. Proje Oluşturma

npm create vitepress@latest my-blog
cd my-blog
npm install

2. Temel Yapılandırma

// .vitepress/config.ts
import { defineConfig } from 'vitepress'

export default defineConfig({
  title: 'Benim Blog\'um',
  description: 'VitePress ile oluşturulmuş blog',
  themeConfig: {
    nav: [
      { text: 'Ana Sayfa', link: '/' },
      { text: 'Blog', link: '/blog/' }
    ]
  }
})

3. İlk Blog Yazısı

# İlk Blog Yazım

Bu benim VitePress ile yazdığım ilk blog yazısı!

## Alt Başlık

İçerik buraya gelecek...

Öne Çıkan Özellikler

Arama Fonksiyonu

VitePress yerleşik arama özelliği ile kullanıcılar kolayca içerik bulabilir.

SEO Optimizasyonu

• Meta tag desteği
• Sitemap oluşturma
• Social media kartları

Responsive Tasarım

Mobil ve masaüstü cihazlarda mükemmel görünüm.

Sonuç

VitePress ile blog oluşturmak hem kolay hem de eğlenceli. Modern web teknolojilerinin gücünü kullanarak hızlı ve güzel bloglar oluşturabilirsiniz.

---

Etiketler: VitePress, Blog, Static Site Generator, Vue.js

Kategori: Web Geliştirme

← Blog'a Dön | Sonraki Yazı →