ชุดเริ่มต้นสำหรับการสร้างไซต์คงที่ได้อย่างรวดเร็วง่ายและมีประสิทธิภาพ
ดูการสาธิตสด→
- Hugo - กรอบที่เร็วที่สุดสำหรับการสร้างไซต์คงที่
- Tailwindcss , Failwind Forms และ Tailwind Typography Utility Framework Framework เพื่อสร้างเว็บไซต์ของคุณโดยไม่ต้องออกจาก HTML ของคุณ
? ️ postcss , autoprefixer และ purgecss ตัดแต่งไฟล์ CSS ของคุณ (รวมถึง Tailwind's) เป็น เพียง คลาสและกฎที่คุณใช้ในมาร์กอัปของคุณ
? ️ สวยกว่า และ Stylelint เขียนโค้ดที่ดีขึ้นโดยไม่ต้องคิดถึงการจัดรูปแบบ
? eslint ไม่เคยพบข้อผิดพลาด JS อีกเลย
การตั้งค่าสำหรับการใช้โครงการนี้ต้องติดตั้งสิ่งต่าง ๆ ไม่ต้องกังวลมันง่าย
คุณจะต้องติดตั้ง Hugo หากคุณยังไม่มี มีไฟล์ไบนารีที่สร้างไว้ล่วงหน้าสำหรับเกือบทุกแพลตฟอร์ม
เมื่อคุณติดตั้งเส้นด้ายและ Hugo ในระบบของคุณสิ่งที่คุณต้องทำคือคว้าสำเนาลูกแพร์และติดตั้งการพึ่งพา
git clone https://github.com/bradp/pears <your-new-site-name>
cd <your-new-site-name>
npm i
npm start
npm run
สั่งการ | การกระทำ |
---|---|
npm start | สร้างไฟล์ทั้งหมดและเริ่มต้นเซิร์ฟเวอร์การพัฒนา |
npm build | สร้างไฟล์ทั้งหมดสำหรับสภาพแวดล้อมในท้องถิ่นหรือการจัดเตรียม |
npm build:prod | สร้างไฟล์ทั้งหมดสำหรับการปรับใช้ไปยังเซิร์ฟเวอร์การผลิต |
npm lint | ตรวจสอบไฟล์ CSS & JS ของคุณสำหรับการผนวกข้อผิดพลาด :fix เพื่อแก้ไขโดยอัตโนมัติ |
npm format | แก้ไขข้อผิดพลาดในการจัดรูปแบบโดยอัตโนมัติ |
สั่งการ | การกระทำ |
---|---|
npm lint:css | ไฟล์ Lint CSS ผนวก :fix เพื่อแก้ไขโดยอัตโนมัติ |
npm lint:js | ไฟล์ผ้าสำลี JS ผนวก :fix เพื่อแก้ไขโดยอัตโนมัติ |
npm format:check | ตรวจสอบข้อผิดพลาดในการจัดรูปแบบโดยไม่ต้องแก้ไขโดยอัตโนมัติ |
จำไว้ว่าคุณสามารถตรวจสอบ yarn run
เพื่อดูรายการคำสั่งทั้งหมด!
ดูปัญหาเปิดสำหรับรายการคุณสมบัติที่เสนอ (และปัญหาที่รู้จัก)
แจกจ่ายภายใต้ใบอนุญาต MIT ดู LICENSE
สำหรับข้อมูลเพิ่มเติม