tailwind parcel static starter

Template situs html statis sederhana

Template repo untuk halaman HTML statis sederhana berdasarkan html5 boilerplate dan menggunakan CSS tailwind untuk gaya fleksibel. Bagus untuk segera hadir dan halaman arahan. Mudah digunakan ke halaman github atau host situs statis lainnya.

Penggunaan

Klik tombol "Gunakan Template ini" di bagian atas halaman utama repositori di GitHub. Edit isi index.html dan/atau main.js dan menyebarkan ke host statis favorit Anda dengan mengikuti langkah -langkah dalam penyebaran di bawah ini.

Untuk akses cepat, Anda juga dapat pergi ke https://github.com/besublime/tailwind-parcel-static-starter/generate

Setelah repositori Anda dibuat dan dikloning ke lingkungan lokal Anda, pastikan untuk menjalankan npm install untuk menginstal dependensi sebelum melanjutkan.

Perkembangan

Dari terminal, jalankan npm run dev untuk memulai server sederhana (menggunakan parcel) yang akan memantau index.html (dan JS/CSS apa pun yang terkandung di dalamnya) dan muat ulang secara otomatis ketika perubahan dilakukan.

Penyebaran

Untuk menggunakan halaman GitHub, aktifkan halaman GitHub di pengaturan Repositori Anda, dan pilih Direktori /docs sebagai sumbernya.

Untuk memperbarui situs halaman GitHub yang diterbitkan, jalankan npm run build , lalu lakukan dan dorong perubahan ke repositori jarak jauh. (Perintah ini menggunakan parsel untuk mengkompilasi CSS, menggabungkan semua skrip, dan menghasilkan semuanya ke direktori /docs .)

Untuk menggunakan platform situs statis lainnya, ikuti instruksi yang disediakan oleh host. Perintah build di package.json dapat diperbarui ke output ke direktori apa pun dengan mengubah parameter --dist-dir .