Kotsu

ชุดเริ่มต้นเว็บขั้นสูง

ไปอย่างกล้าหาญไปในที่ที่ไม่มีใครเคยไปมาก่อน

---

วิธีใช้

1. โคลนหรือดาวน์โหลดและแกะออกไปยังตำแหน่งที่ต้องการ
2. ดาวน์โหลดและติดตั้งเวอร์ชันล่าสุดของ node.js
3. ติดตั้ง GraphicsMagick (แนะนำ) หรือ ImageMagick สำหรับระบบปฏิบัติการของคุณ หมายเหตุ: จำเป็นต้องติดตั้งหนึ่งในนั้นก่อนที่จะเรียกใช้ npm install
4. ตั้งค่าตัวแปรสภาพแวดล้อมของคุณ [คู่มือ]
5. ติดตั้งการพึ่งพาโครงการ: npm install
6. (ไม่บังคับ) เพิ่มที่เก็บของคุณไปยัง Travis สำหรับการทดสอบอัตโนมัติ
7. (ไม่บังคับ) ตั้งค่าการปรับใช้อย่างต่อเนื่องด้วย Circleci หรือ Werker Docker ตามคำแนะนำของเรา
8. รหัสสดด้วย: npm start หรือ npm start -- --hmr หากคุณต้องการการโหลดโมดูลร้อน
9. สร้างด้วย: npm run build
10. ปรับใช้และสนุกกับชีวิตของคุณ

มีอะไรอยู่ข้างใน?

• โครงสร้างที่สมเหตุสมผลสำหรับโครงการส่วนหน้า
• การสร้างหน้าคง
• กำหนดค่าการกำหนดค่าสำหรับการปรับใช้อย่างต่อเนื่องและการตั้งค่าการทดสอบอัตโนมัติ
• เสียงฮึดฮัดกับงานที่กำหนดค่าล่วงหน้า
• Nunjucks เครื่องยนต์เทมเพลตที่โดดเด่นเต็มรูปแบบ
• Nunjucks Globals และตัวกรองในการจัดรูปแบบวันที่รับ URL หน้าปัจจุบันสถานที่ตั้ง Breadcrumb ฯลฯ
• URL ที่อ่านได้ของมนุษย์
• ไฟล์ Boilerplate ตามแนวทางปฏิบัติที่ดีที่สุด
• i18n พร้อม Node-GetText และการกำหนดค่าเลย์เอาต์เพื่อประกาศสถานที่ปัจจุบันและ URL อื่น
• คอมไพเลอร์ SASS พร้อมการสร้างแผนที่แหล่งที่มาการแก้ไขอัตโนมัติการเพิ่มประสิทธิภาพการเพิ่มประสิทธิภาพและผ้าสำลี
• เฟรมเวิร์ก Ekzo Sass
• WebPack พร้อมการสนับสนุน ES6 การจัดการและการรวมการพึ่งพา JavaScript
• มาตรฐานสำหรับการจัดรูปแบบผ้าสำลีและการจัดรูปแบบอัตโนมัติ JavaScript
• โหลดสดใหม่ขับเคลื่อนโดย webpack-dev-server
• คำอธิบายประกอบประเภทรันไทม์และการตรวจสอบข้อมูลด้วย tcomb และ tcomb-validation การปรับแต่งที่มีประโยชน์ในตัว
• meta tag ที่กำหนดค่าไว้ล่วงหน้าสำหรับการ์ดเปิดและการ์ด Twitter
• ใช้กันทั่วไปโดยผู้ให้บริการค้นหาข้อมูลที่มีโครงสร้างตาม RDFA
• การสร้าง sitemap.xml อัตโนมัติพร้อม Grunt-Sitemap-xml
• การสร้างสไปรต์อัตโนมัติด้วยสไปรต์สมิ ธ
• การบีบอัดภาพอัตโนมัติผ่าน tinypng
• การสร้างภาพที่ตอบสนองอัตโนมัติพร้อมภาพเสียงฮึดฮัดตอบโต้
• แยกไฟล์ที่ไม่ได้รับการปรับให้เหมาะสมในการพัฒนาและ
• ไฟล์ที่รวบรวมและ minified สำหรับการผลิต

และอื่น ๆ อีกมากมายภายใต้ประทุน เราไม่มีเวลาบันทึกคุณสมบัติทั้งหมด ยัง.

เอกสาร

ทำงานระหว่างดำเนินการ

• โครงสร้าง
• ตัวแปรสภาพแวดล้อม
• ข้อมูล
• ข้อมูลที่มีโครงสร้าง
• URL
• การจัดส่งอย่างต่อเนื่อง
• สูตรอาหาร

ตัวอย่าง

สามารถพบรุ่น Kotsu จาก Master Branch ได้ที่นี่

โปรดทราบว่าส่วนตัวอย่างจนถึงตอนนี้มีเพียงส่วนเล็ก ๆ ขององค์ประกอบและคุณสมบัติที่กำหนดไว้ล่วงหน้า

เบราว์เซอร์รองรับ

จาวาสคริปต์

เช่น	ขอบ	โครเมี่ยม	Firefox	ซาฟารี	โอเปร่า	Opera Mobile	iOS Safari	Android
9+	12+	21+	28+	6.1+	12.1+	12.1+	7+	4+

ในการเปิดใช้งานคุณสมบัติ ES6 ใน IE11 และต่ำกว่า import 'babel-polyfill' ใน main.js ดูรายละเอียดที่นี่

บิลด์เริ่มต้นที่จัดส่งด้วย jQuery 3.1.0+ ซึ่งไม่รองรับ IE8 แทนที่ด้วยเวอร์ชันก่อน 3.0.0 หากคุณต้องการการสนับสนุน IE8

CSS

เช่น	ขอบ	โครเมี่ยม	Firefox	ซาฟารี	โอเปร่า	Opera Mobile	iOS Safari	Android
10+	12+	21+	28+	6.1+	12.1+	12.1+	7.1+	4.4+

อ้างถึงส่วนสนับสนุนเบราว์เซอร์ Ekzo สำหรับรายละเอียดเกี่ยวกับการถดถอยที่สง่างามสำหรับ IE9 และด้านล่างซึ่งรวมอยู่ใน Kotsu โดยค่าเริ่มต้น

หากต้องการปิดการถดถอยที่สง่างามสำหรับผู้สูงอายุ IE ให้ลบการโทรแมโคร IE() จากเค้าโครงฐาน

ข้อความเบราว์เซอร์ที่ล้าสมัย

ใน IE9 และผู้ใช้ด้านล่างจะเห็นแบนเนอร์ก่อนหน้าเนื้อหาหน้าพร้อมข้อความเกี่ยวกับเบราว์เซอร์ที่ล้าสมัยและลิงก์ไปยังเบราว์เซอร์ที่ล้าสมัย

หากต้องการปิดการใช้งานข้อความเบราว์เซอร์ที่ล้าสมัยให้ลบการโทรแมโคร OutdatedBrowser() ออกจากเค้าโครงฐาน

ใบอนุญาต

ลิขสิทธิ์ 2014 Lotustm ได้รับใบอนุญาตภายใต้ใบอนุญาต Apache 2.0