astro theme cody

Cody Tema Astro

Tema blog minimalis yang dibangun dengan Astro. Pembuatan pemula yang cepat dan mudah bagi siapa saja yang ingin memulai blog mereka sendiri.

Lihat Demo · Laporkan Bug · Fitur Permintaan

Daftar isi

• Motivasi

• Fitur Utama

• Demo

• Mulai Cepat

• Perintah

• Mengonfigurasi Situs Web Anda

• Konfigurasi Situs, Tautan Media Sosial, dan Tautan Navbar

• Menambahkan Posting dan Proyek

• Dukungan Multi-Bahasa

• Menyebarkan

• Fungsi Ekstra

• Kredit

Motivasi

Meskipun sudah ada begitu banyak tema blog di luar sana, saya menginginkan tema yang memberikan kesan terminal/dev dan beberapa fitur yang tidak dimiliki tema lain.

Fitur Utama:

• Astro v4 Cepat

• Kelas Utilitas TailwindCSS

• Markup HTML semantik yang dapat diakses

• Responsif & ramah SEO

• Dukungan multi-bahasa

• Mode Gelap/Terang, menggunakan variabel Tailwind dan CSS

• Postingan dan proyek yang disematkan

• Integrasi Aset Astro untuk gambar yang dioptimalkan

• Postingan MD & MDX

• Paginasi

• Umpan RSS otomatis

• Peta situs yang dibuat secara otomatis

• Komponen ikon Astro Icon svg

• Tombol Kembali Ke Atas

Demo

Lihat demonya di sini.

Mulai Cepat

Buat repo baru dari template ini.

# npm 7+
npm create astro@latest -- --template kirontoo/astro-theme-cody

# pnpm
pnpm dlx create-astro --template kirontoo/astro-theme-cody

(kembali ke atas)

Perintah

Semua perintah dijalankan dari root proyek, dari terminal:

Memerintah	Tindakan
pnpm install	Menginstal dependensi
pnpm run dev	Memulai server pengembang lokal di localhost:4321
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

(kembali ke atas)

Mengonfigurasi Situs Web Anda

Konfigurasi Situs, Tautan Media Sosial, dan Tautan Navbar

Konfigurasi situs Anda, tautan media sosial, dan tautan Navbar semuanya ditempatkan di dalam src/consts.ts . Di sana Anda dapat mengonfigurasi judul default situs Anda, deskripsi, bahasa, profil, tautan media sosial, dan tautan bilah navigasi yang terlihat.

Menambahkan Posting dan Proyek

Tema ini menggunakan Koleksi Konten untuk mengatur file Markdown dan/atau MDX, serta pemeriksaan tipe frontmatter dengan skema -> src/content/config.ts .

Anda dapat menemukan contoh postingan blog di src/content/blog dan contoh proyek di src/content/project .

Materi depan postingan blog

Properti (* = wajib)	Keterangan
judul *	Judul postingan Anda. Dibatasi maksimal 150 karakter
keterangan *	Deskripsi singkat postingan Anda, yang juga akan digunakan untuk SEO. Memiliki panjang maksimal 250 karakter.
tanggal pub *	Tanggal diterbitkan
tanggal pembaruan	Tanggal opsional menunjukkan kapan postingan telah diperbarui. Perhatikan bahwa tanggal ini akan digunakan sebagai pengganti tanggal publikasi untuk memesan postingan jika tersedia.
gambar pahlawan	Gambar sampul opsional untuk postingan Anda. Sertakan properti src dan alt . Periksa src/content/blog/first-post.md sebagai contoh.
ogGambar	Gambar opsional digunakan untuk SEO.
tag	Gunakan tag opsional untuk mengatur postingan Anda ke dalam kategori atau topik. Semua tag akan ditampilkan di yourdomain.com/tags .
seri	Gunakan rangkaian opsional untuk mengatur postingan Anda menjadi serangkaian postingan. Semua seri akan ditampilkan di yourdomain.com/series .
draf	Boolean opsional. Menghapus postingan agar tidak dipublikasikan.
memesan	Nilai angka opsional dari 1 - 5 untuk menyematkan postingan tertentu ke atas. Terbatas hanya untuk 5 postingan yang dipasangi pin
bersembunyi	Boolean opsional. Sembunyikan postingan di halaman /blog . Akan tetap muncul di /archive

Masalah depan proyek

Properti (* = wajib)	Keterangan
judul *	Judul proyek Anda. Dibatasi maksimal 150 karakter
keterangan *	Deskripsi singkat proyek Anda, yang juga akan digunakan untuk SEO.
tanggal pub *	Tanggal diterbitkan
gambar pahlawan	Gambar sampul opsional untuk proyek Anda. Sertakan properti src dan alt . Periksa src/pages/projects/project-1.md sebagai contoh.
ogGambar	Gambar opsional digunakan untuk SEO.
tumpukan *	Daftar teknologi yang digunakan proyek Anda yang akan ditampilkan sebagai ikon. Tema ini menggunakan librar SVG Logos, Anda dapat menggunakan icones.js.org untuk menemukan ikon yang Anda butuhkan.
platform	Tautan ke situs web atau demo
situs web	Tautan ke situs web atau demo
github	Tautan repo github Anda
draf	Boolean opsional. Menghapus proyek agar tidak dipublikasikan.
memesan	Nilai angka opsional dari 1 - 5 untuk menyematkan proyek tertentu ke atas. Terbatas hanya untuk 5 postingan yang dipasangi pin

(kembali ke atas)

Dukungan Multi-Bahasa

Lihat wiki untuk menyiapkan dukungan multi-bahasa untuk blog Anda.

Menyebarkan

Astro menyediakan dokumentasi bagus untuk menyebarkan situs web Astro Anda di berbagai platform. Anda dapat menemukannya di sini.

Fungsi Ekstra

Lihat Astro Recipes untuk menambahkan fungsi lain seperti umpan RSS.

Kredit

Tema ini berdasarkan tema Astro Cactus dan Hugo Risotto.

(kembali ke atas)