startover

การเริ่มต้น

Startover เป็นหม้อไอน้ำที่มีความคิดเห็นสูงสำหรับการพัฒนาเว็บไซต์คงที่บน Mac ของคุณโดยใช้ HTML5, SASS, Gulp และ ES2015 ด้วย Startover คุณไม่ต้องเริ่มต้นใหม่!

แผ่นต้มอื่น?

ฉันเห็นด้วย! เราไม่ต้องการหม้อไอน้ำหรือเฟรมเวิร์กมากขึ้นสำหรับการพัฒนาเว็บไซต์ Startover อาศัยผลงานของผู้อื่นอย่าง HTML5boilerplate อย่างไรก็ตามไม่มีหม้อต้มน้ำที่ฉันสะดุดนั้นเหมาะกับฉัน Startover ไม่ได้มีไว้สำหรับทุกคน ฉันสร้าง Startover ให้พอดีกับเวิร์กโฟลว์ของฉันด้วยเครื่องมือที่ฉันชอบใช้เมื่อพัฒนาเว็บไซต์ สตาร์เวอร์สามารถใช้งานได้ไม่ว่าจะเป็นหรือเป็นแรงบันดาลใจสำหรับเวิร์กโฟลว์การพัฒนาของคุณ

ข้อจำกัดความรับผิดชอบเล็กน้อย:

• Startover ขึ้นอยู่กับเวิร์กโฟลว์ของฉันและวิธีการทำงานกับการพัฒนาไซต์แบบคงที่ ฉันไม่คาดหวังว่ารหัสจะใช้งานได้สำหรับคนอื่น แต่ถ้าคุณสามารถใช้มันได้ที่ทำให้ฉันมีความสุข!
• รหัสในที่เก็บนี้ส่วนใหญ่ไม่มีเอกสาร นั่นหมายความว่าหากคุณไม่รู้ว่ารหัสบางอย่างทำหรือมีคำถามเพียงแค่เปิดปัญหาใหม่และฉันจะพยายามตอบกลับ

รหัสใน repo นี้ถือว่าคุณคุ้นเคยกับเทคโนโลยีต่อไปนี้:

• อึก. ชุดเครื่องมือสำหรับงานอัตโนมัติเช่นการย้ายคัดลอกสร้างหรือจัดการไฟล์
• เขี้ยว Superset ของ CSS ที่ช่วยให้การทำรัง, ฟังก์ชั่น, mixins และอื่น ๆ
• Bem. กลยุทธ์สำหรับการตั้งชื่อคลาส CSS และองค์ประกอบ HTML ในรูปแบบที่ใช้ซ้ำได้แบบแยกส่วน
• มือจับ ภาษาเทมเพลตสำหรับ HTML ที่เขียนใน JavaScript
• ด่วน. เว็บเซิร์ฟเวอร์ง่าย ๆ ที่เขียนบน node.js
• บาเบล คอมไพเลอร์ที่สร้างเว็บเบราว์เซอร์ที่รองรับ JavaScript จากรหัส ES2015/ES2016 ของคุณ
• Dokku เซิร์ฟเวอร์ PAAS ขับเคลื่อน Docker (โดยทั่วไปช่วยให้คุณมีเซิร์ฟเวอร์ Heroku ของคุณเอง)

เทคโนโลยีอื่น ๆ ที่ใช้ในหม้อต้มน้ำนี้: Browsersync, Browserify, JQuery, Ladda, Normalize.css, Retina.js, Watchify

เริ่มต้นในป่า

นี่คือบางเว็บไซต์ที่ใช้ Starover 2.0:

• edentsthis.com (แหล่งที่มา)
• northplay.co (แหล่งที่มา)

นี่คือบางเว็บไซต์ที่สร้างขึ้นด้วย Startover 1.0:

• robo.cat (แหล่งที่มา)
• itsBreaking.com (แหล่งที่มา)
• thermodo.com (แหล่งที่มา)
• TexidisedApp.com (แหล่งที่มา)
• designdk.co (แหล่งที่มา)
• cphfront.com (แหล่งที่มา)

หากคุณใช้ Startover คุณควรบอกฉันโดยสิ้นเชิงเพื่อที่คุณจะได้รับการแนะนำที่นี่ในรายการของไซต์ที่ยอดเยี่ยมนี้ (ตัวเองห้า)

ความต้องการ

คุณต้องติดตั้งต่อไปนี้เพื่อใช้รหัสในที่เก็บนี้:

• NPM (Node Package Manager)
• กราฟิก

วิธีที่ง่ายดายในการรับ node.js และ graphicsmagick บน Mac กำลังใช้ homebrew แค่วิ่ง:

 brew update & brew install node graphicsmagick

เริ่มต้น

โคลนที่เก็บ:

git clone [email protected]:ksmandersen/startover.git

ติดตั้งโครงการพึ่งพาโครงการอัญมณีทับทิมและแพ็คเกจโหนด:

 npm install

อาคาร

ในการเรียกใช้เวอร์ชันการพัฒนาท้องถิ่นของไซต์ด้วยเบราว์เซอร์ซิงค์:

 npm run dev

สร้างไซต์เวอร์ชันท้องถิ่น:

 npm run build

สร้างเวอร์ชันรุ่นของไซต์:

 npm run build-production

การปรับใช้

ฉันใช้ Dokku มาระยะหนึ่งแล้วเพื่อปรับใช้สแต็กนี้ repo มีแอพเซิร์ฟเวอร์ NodeJS แบบง่ายที่ทำงานบน Express เพื่อให้บริการเนื้อหาคงที่ของเว็บไซต์ คุณควรจะสามารถปรับใช้รหัสได้ทุกที่ที่ยอมรับแอพ NodeJS แบบง่าย ๆ เช่น Heroku

ใบอนุญาต

ลิขสิทธิ์ MIT (MIT) ลิขสิทธิ์ (C) 2013-2016 Kristian Andersen

ได้รับอนุญาตโดยไม่เสียค่าใช้จ่ายสำหรับบุคคลใด ๆ ที่ได้รับสำเนาซอฟต์แวร์นี้และไฟล์เอกสารที่เกี่ยวข้อง ("ซอฟต์แวร์") เพื่อจัดการในซอฟต์แวร์โดยไม่มีการ จำกัด รวมถึง แต่ไม่ จำกัด เฉพาะสิทธิ์ในการใช้คัดลอกแก้ไขผสาน เผยแพร่แจกจ่าย sublicense และ/หรือขายสำเนาของซอฟต์แวร์และอนุญาตให้บุคคลที่ซอฟต์แวร์ได้รับการตกแต่งให้ทำเช่นนั้นภายใต้เงื่อนไขดังต่อไปนี้:

ประกาศลิขสิทธิ์ข้างต้นและประกาศการอนุญาตนี้จะรวมอยู่ในสำเนาทั้งหมดหรือส่วนสำคัญของซอฟต์แวร์

ซอฟต์แวร์มีให้ "ตามสภาพ" โดยไม่มีการรับประกันใด ๆ ไม่ว่าโดยชัดแจ้งหรือโดยนัยรวมถึง แต่ไม่ จำกัด เฉพาะการรับประกันความสามารถในการค้าการออกกำลังกายสำหรับวัตถุประสงค์เฉพาะและการไม่เข้าร่วม ไม่ว่าในกรณีใดผู้เขียนหรือผู้ถือลิขสิทธิ์จะต้องรับผิดชอบต่อการเรียกร้องความเสียหายหรือความรับผิดอื่น ๆ ไม่ว่าจะเป็นการกระทำของสัญญาการละเมิดหรืออื่น ๆ ซอฟต์แวร์.