Table of contents

Pengenalan

Saya mencipta laman web ini terutamanya untuk meningkatkan kemahiran pembangunan web saya. Saya ingin meningkatkan pengetahuan saya tentang pembangunan web moden menggunakan rangka kerja, dan selepas meneliti pelbagai pilihan, saya memutuskan untuk menggunakan rangka kerja Astro. Salah satu sebab saya memilih Astro adalah kerana ia dibina dengan JavaScript dan TypeScript, dan saya juga ingin menggunakan projek ini sebagai peluang untuk mempelajari lebih lanjut tentang TypeScript. Akhirnya, matlamat saya adalah untuk membina laman web yang berkualiti dan belajar typescript sepanjang perjalanan.

Astro.build

https://astro.build/ Rangka kerja Astro adalah rangka kerja pembangunan web yang agak baru yang direka untuk mencipta laman web berprestasi tinggi yang memuat dengan cepat. Salah satu ciri utama Astro adalah penggunaan server-side rendering (SSR), yang membolehkan rangka kerja pra-render sebahagian besar kandungan laman web di pelayan sebelum menghantarnya kepada klien. Ini bermakna laman web boleh memuat dengan lebih cepat kerana klien tidak perlu menunggu pelayan untuk menghasilkan kandungan sebelum memaparkannya.

Saya menikmati bekerja dengan rangka kerja Astro setakat ini, kerana ia sangat mudah digunakan, walaupun untuk pemula seperti saya. Beberapa tahun yang lalu, saya mempunyai idea yang sama untuk mencipta laman web dan cuba menggunakan rangka kerja Hugo. Walau bagaimanapun, Hugo berdasarkan Go, yang menjadikannya lebih mencabar untuk digunakan, terutamanya kerana saya tidak mempunyai pengalaman dengan Go pada masa itu. Oleh kerana saya berminat untuk belajar JavaScript, saya mendapati bahawa Astro adalah pilihan yang jauh lebih baik untuk saya. Ia telah menjadi cara yang hebat untuk belajar bahasa sambil membina laman web saya.

Apa sekarang?

Saya berjaya membuat fungsi asas laman web saya berfungsi. Pada mulanya, saya menggunakan templat laman web astro-paper, yang sangat membantu. Walau bagaimanapun, selepas kira-kira seminggu mengerjakan laman web, Astro Framework mengeluarkan versi 2.0, yang merangkumi beberapa ciri baru yang menarik yang ingin saya terapkan. Saya membuat beberapa perubahan pada templat untuk merangkumi ciri-ciri baru, tetapi saya tidak memahami sepenuhnya bagaimana semuanya berfungsi. Akibatnya, saya sengaja merosakkan sebahagian besarnya dan mula membina semula bahagian blog dari awal. Walaupun blog sudah berfungsi sekarang, masih ada beberapa ciri yang rosak yang perlu saya perbaiki. Walaupun menghadapi cabaran ini, saya mendapati bahawa saya belajar banyak melalui proses ini, yang sangat bagus.

senarai tugasan

Masih ada beberapa perkara yang perlu saya lakukan untuk menambah baik laman web sebelum saya berpuas hati sepenuhnya dengannya. Saya berharap dapat menyelesaikan tugas-tugas ini dengan cepat, supaya saya boleh beralih kepada projek lain di luar sekadar membina laman web yang mudah.

• Betulkan halaman depan laman web.
• Tambah kandungan ke halaman Tentang Saya.
• Betulkan fungsi carian untuk catatan blog.
• Buang semua sebutan “Tag”.
• Tambah fungsi “category cloud”.
• Buat halaman kategori yang betul.
• Tambah sokongan untuk pelbagai bahasa.
• Tingkatkan gaya CSS.
• Tingkatkan kandungan laman web secara keseluruhan.