goulven clech.dev

Blog pribadi saya, dibuat dengan Astro, TypeScript & Tailwind CSS. Langsung di goulven-clech.dev, dipandu oleh Vercel.

Kode sumber disediakan di bawah lisensi 0BSD, atribusi dihargai tetapi tidak diperlukan. Konten tekstual blog disediakan berdasarkan Akta CC BY 4.0, diperlukan atribusi. Namun untuk keduanya, Anda bebas menggunakan, menyalin, memodifikasi, dan/atau mendistribusikan untuk tujuan apa pun, komersial atau pribadi.

Beberapa entri mungkin mengutip teks, gambar, atau sumber dari sumber eksternal: lisensi aslinya berlaku, dan saya sebutkan penulisnya jika diketahui.

Fitur penting

Pada intinya, proyek ini terlihat seperti blog apa pun yang dibuat dengan Astro, Anda dapat memulai dengan membaca entri saya "Meluncurkan blog dengan Astro". Namun, sedikit demi sedikit, saya menambahkan beberapa fitur orisinal yang mungkin menarik bagi Anda, berikut fitur utamanya:

• Bilah pencarian: dibuat hanya dengan Astro dan Komponen Web, memfilter entri blog berdasarkan masukan pengguna.

• Daftar isi: menggunakan Astro dan MDX, buat daftar isi berdasarkan judul. Dengan daftar bersarang.

• Buka Perpustakaan & blok Google Maps: menampilkan hasil API dengan baik di entri blog.

• Mode gelap: beralih antara skema warna terang, gelap, dan sistem. Gunakan penyimpanan lokal untuk mempertahankan pilihan pengguna.

• Layanan gambar khusus: diambil dari blog Erika, dapatkan kinerja dan tampilkan placeholder selama pemuatan gambar.

Struktur Proyek

 /
├── src/
│   ├── content/ -> Sub repository
│   ├── assets/
│   │   └── base.css
│   ├── components/
│   │   └── Card.astro
│   ├── layouts/
│   │   └── Layout.astro
│   ├── pages/
│   │   └── index.astro
│   ├── env.d.ts
│   └── [...utils].ts
├── public/
│   └── Iosevka-Regular.woff2
├── [... config files]
├── README.md
└── package.json

pages/ berisi setiap halaman blog ini sebagai file .astro .

layouts/ dan components/ berisi setiap komponen web sebagai file `.astro``.

Perintah

Memerintah	Tindakan
pnpm install	Menginstal dependensi
pnpm run dev	Memulai server pengembang lokal di localhost:3000
pnpm run build	Bangun situs produksi Anda ke ./dist/
pnpm run preview	Pratinjau build Anda secara lokal, sebelum diterapkan
pnpm run astro ...	Jalankan perintah CLI seperti astro add , astro check
pnpm run astro --help	Dapatkan bantuan menggunakan Astro CLI

Semua perintah harus dijalankan dari root proyek, dari terminal. Selain PNPM, Anda juga bisa menggunakan NPM atau Yarn.