tailwind parcel static starter

เทมเพลตไซต์ HTML แบบคงที่อย่างง่าย

เทมเพลต repo สำหรับหน้า HTML แบบคงที่อย่างง่ายตามแผ่นหม้อไอน้ำ HTML5 และใช้ CSS tailwind สำหรับสไตล์ที่ยืดหยุ่น เหมาะสำหรับการมาเร็ว ๆ นี้และหน้า Landing Pages ปรับใช้ได้อย่างง่ายดายไปยังหน้า gitHub หรือโฮสต์ไซต์คงที่อื่น ๆ

การใช้งาน

คลิกปุ่ม "ใช้เทมเพลตนี้" ที่ด้านบนของหน้าหลักของที่เก็บบน GitHub แก้ไขเนื้อหาของ index.html และ/หรือ main.js และปรับใช้กับโฮสต์คงที่ที่คุณชื่นชอบโดยทำตามขั้นตอนในการปรับใช้ด้านล่าง

เพื่อการเข้าถึงอย่างรวดเร็วคุณสามารถไปที่ https://github.com/besublime/tailwind-parcel-static-starter/generate

เมื่อพื้นที่เก็บข้อมูลของคุณถูกสร้างและโคลนไปยังสภาพแวดล้อมในพื้นที่ของคุณอย่าลืมเรียกใช้ npm install เพื่อติดตั้งการพึ่งพาก่อนดำเนินการต่อ

การพัฒนา

จากเทอร์มินัลให้เรียกใช้ npm run dev เพื่อเริ่มต้นเซิร์ฟเวอร์ง่าย ๆ (โดยใช้พัสดุ) ซึ่งจะตรวจสอบ index.html (และ JS/CSS ใด ๆ ที่มีอยู่ภายใน) และโหลดซ้ำโดยอัตโนมัติเมื่อทำการเปลี่ยนแปลง

การปรับใช้

ในการปรับใช้กับหน้า GitHub ให้เปิดใช้งานหน้า GitHub ในการตั้งค่าที่เก็บของคุณและเลือกไดเรกทอรี /docs เป็นแหล่งที่มา

ในการอัปเดตไซต์ GitHub Pages ที่เผยแพร่ให้เรียกใช้การเรียกใช้ npm run build จากนั้นกระทำและผลักดันการเปลี่ยนแปลงไปยังที่เก็บระยะไกล (คำสั่งนี้ใช้พัสดุเพื่อรวบรวม CSS มัดสคริปต์ใด ๆ และส่งออกทุกอย่างไปยังไดเรกทอรี /docs )

หากต้องการปรับใช้กับแพลตฟอร์มไซต์คงที่อื่น ๆ ให้ทำตามคำแนะนำที่จัดทำโดยโฮสต์ คำสั่ง build ใน package.json สามารถอัปเดตเป็นเอาต์พุตไปยังไดเรกทอรีใด ๆ โดยการเปลี่ยนพารามิเตอร์ --dist-dir