หน้าแรก>แหล่งข้อมูลการสร้างเว็บไซต์>ข้อมูลเว็บไซต์
ดาวน์โหลด

ส่วนหัวของมหาวิทยาลัย

เยี่ยมชม https://universityheader.ucf.edu สำหรับคำแนะนำการใช้งานและแนวทาง คำแนะนำด้านล่างนี้ใช้สำหรับการทำงานกับซอร์สโค้ดของส่วนหัว

การติดตั้ง

  1. โคลนที่เก็บนี้และวางไว้ในตำแหน่งที่เข้าถึงได้เว็บ
  2. หากนี่เป็นการติดตั้งครั้งแรกให้คัดลอก config.templ.conf อัปเดตค่าการกำหนดค่าตามความจำเป็นสำหรับสภาพแวดล้อมของคุณและบันทึกเป็น config.conf
  3. cd ไปยัง src/ Subdirectory และ Run ./compile.sh
  4. โหลด index.html (ในไดเรกทอรีรากของ repo) ในเบราว์เซอร์ของคุณ ตรวจสอบให้แน่ใจว่าสินทรัพย์ทั้งหมดถูกโหลดอย่างถูกต้อง
  5. ทำซ้ำขั้นตอนที่ 3 หลังจากการปรับใช้ที่ตามมาทั้งหมด

การพัฒนา

ความต้องการ

  • โหนด V16+
  • อึกทึก

คำแนะนำ

  1. ทำตามขั้นตอนการติดตั้งทั้งหมดที่ระบุไว้ข้างต้น

  2. หากคุณต้องการเปิดใช้งาน Browsersync สำหรับการพัฒนาในท้องถิ่นหรือทำการเปลี่ยนแปลงอื่น ๆ ในการกำหนดค่า Gulp เริ่มต้นของโครงการนี้คัดลอก gulp-config.template.json ทำการเปลี่ยนแปลงที่ต้องการและบันทึกเป็น gulp-config.json

    ในการเปิดใช้งาน Browsersync ให้ตั้งค่า sync เป็น true และปรับค่า syncTarget ของคุณตามความจำเป็นสำหรับการตั้งค่าโฮสต์ในพื้นที่ของคุณ

    รายการทั้งหมดของค่าการกำหนดค่าที่แก้ไขได้สามารถดูได้ใน gulpfile.js (ดูตัวแปร config )

  3. ทำการเปลี่ยนแปลงตามที่ต้องการไฟล์ใน src/scss/ หรือไปยัง src/js/bar.js ควรเพิ่ม/ปรับสินทรัพย์รูปภาพตามต้องการโดยตรงใน bar/img/

    อย่าทำการเปลี่ยนแปลง src/js/university-header.js , src/js/university-header-full.js หรือไฟล์ใน bar/css/ โดยตรง

  4. เรียกใช้ gulp default เพื่อประมวลผลสินทรัพย์ งานนี้จะเรียกใช้ src/compile.sh เพื่อความสะดวก

  5. เรียกใช้ gulp watch เพื่อดูการเปลี่ยนแปลงอย่างต่อเนื่องในไฟล์ SCSS และ JS หากคุณเปิดใช้งาน Browsersync ใน gulp-config.json มันจะโหลดเบราว์เซอร์ของคุณใหม่เมื่อไฟล์ SCSS หรือ JS เปลี่ยนไป gulp watch จะเรียกใช้ src/compile.sh เพื่อความสะดวก

  6. ตรวจสอบการเปลี่ยนแปลงของคุณกับ index.html

คำแนะนำ CI

  1. ตั้งค่าตัวแปรสภาพแวดล้อมที่พบในไฟล์ config.templ.conf สำหรับเวิร์กโฟลว์ GitHub สิ่งเหล่านี้สามารถเพิ่มเป็นตัวแปรที่เก็บแล้วเพิ่มลงในตัวแปร env ของเวิร์กโฟลว์
  2. prebuild และ build สคริปต์จะต้องเรียกใช้เพื่อสร้างโครงการ สิ่งเหล่านี้ขึ้นอยู่กับและสามารถทำงานได้ในซีรีส์ npm run prebuild && npm run build
  3. ผลลัพธ์ของบิลด์จะเขียนไปยัง bar/ ไดเรกทอรี นี่คือไดเรกทอรีคือสิ่งที่สามารถนำไปใช้งานได้

การบริจาค

ต้องการส่งรายงานข้อผิดพลาดหรือคำขอคุณสมบัติหรือไม่? ตรวจสอบแนวทางการสนับสนุนของเราสำหรับข้อมูลเพิ่มเติม เราชอบที่จะได้ยินจากคุณ!

ขยาย
ข้อมูลเพิ่มเติม
แอปที่เกี่ยวข้อง
แนะนำสำหรับคุณ
ข้อมูลที่เกี่ยวข้อง ทั้งหมด