repo นี้มีไฟล์ต้นฉบับสำหรับเว็บไซต์ "cortexjs.io"
git submodule init
git submodule update
# Setup, make a dev build and start a server
npm start # Pick-up changes in the dependent modules
npm run update
# Generate .md files for API and launch local server
npm startnpm run stage
# Make a clean production build.
# Output goes inside submodules/cortex-js.github.io
npm run restart
# Validate that everything works well in the browser then...
npm run deploy
# submodules/cortex-js.github.io (a git submodule) gets pushed to cortex-js.github.ioไซต์ถูกเผยแพร่โดยใช้หน้า GitHub ประโยชน์หลักของการใช้หน้า GH คือการรวมเวิร์กโฟลว์ (Pubshing to GH ทริกเกอร์การอัปเดตอัตโนมัติของเว็บไซต์ที่ให้บริการ)
เนื้อหาของไซต์นั้นถูกเขียนขึ้นเป็นไฟล์ Markdown เป็นหลักประมวลผลด้วย eleventy เพื่อเปลี่ยนเป็น HTML/CSS
การกำหนดค่า eleventy สำคัญอย่างมากคือในไฟล์ config/eleventy.js รวมถึงคำจำกัดความของ markdown ที่จะใช้
เอ็นจิ้น Markdown เป็น markdown-it ซึ่งใช้ Commonmark
ปลั๊กอิน mardown-it-attrs ช่วยให้สไตล์ของย่อหน้าเช่น
นี่คือการแจ้งเตือน {.notice-info}
ปลั๊กอิน markdown-it-deflist รองรับรายการนิยามสไตล์ PANDC:
Term 1
: Definition 1
: Second definition
ผลลัพธ์อยู่ในไดเรกทอรี submodules/cortex-js.github.io ไดเรกทอรีนั้นเป็น submodule git ที่เชื่อมโยงกับ cortex-js.github.io repo repo นั้นเป็นหนึ่งที่เผยแพร่โดย GH Pages (สำหรับองค์กรสามารถเผยแพร่ได้เฉพาะ repo ทั้งหมดสำหรับโครงการเนื้อหาสามารถมีอยู่ในไดเรกทอรี A /docs )
ดูเพิ่มเติมที่ submodules
cortex-js.github.io repo ต้องมีไฟล์เพิ่มเติมสองไฟล์:
.nojekyll ซึ่งระบุว่า GitHub ว่าไม่ควรประมวลผลเนื้อหาของ repo นี้กับ Jekyll (เนื่องจากนี่เป็นเอาท์พุทจาก Jekyll แล้ว)CNAME ด้วยเนื้อหาของ cortexjs.io ไฟล์เหล่านี้ถูกสร้างขึ้นเมื่อเรียกใช้ npm run stage
ใช้แท็บการตั้งค่าใน cortex-js.github.io repo เพื่อระบุการใช้โดเมนที่กำหนดเอง
นอกจากนี้รายการ DNS สำหรับ cortexjs.io ต้องมีสิ่งต่อไปนี้:
www.cortex-js.io ไปยัง cortex-js.io คำสั่ง npm run build สร้างเอกสารสำหรับ APIs จากไฟล์ typeScript .d.ts ลงใน build/ Directory
กระบวนการสร้างใช้เครื่องมือ typedoc เพื่อแยกวิเคราะห์ไฟล์ส่วนหัว API และส่งออกไฟล์ json ใน build/ Directory
หมายเหตุ: ในการดีบักตัวแปลงให้ใช้ตัวดีบัก VSCODE เลือก DEBUG> เริ่มการดีบักเพื่อเริ่มการดีบักเซสชันที่ถูกต้องใน VSCODE
สคริปต์ build-guides จากนั้นจะแปลงไฟล์ json เป็น markdown ในไดเรกทอรี ./src/build build ซึ่งสามารถประมวลผลได้โดย Elevthing ด้วยการเริ่ม npm run build หรือ npm start
ข้อมูลการจัดแต่งทรงผม CSS ถูกกำหนดไว้ใน src/_sass/
เอกสาร API ควรทำตามคู่มือสไตล์ Google เอกสาร (https://developers.google.com/style/api-reference-comments) และ https://developers.google.com/style
นอกจากนี้รหัส TypeScript ควรทำตามคู่มือ Google Style: https://google.github.io/styleguide/jsguide.html#naming
โครงการเป็นไปตามมาตรฐาน GitHub สำหรับการตั้งชื่อสคริปต์โครงการ
เพื่อสร้างงานสร้างในท้องถิ่น:
npm startในการสร้างงานพร้อมที่จะจัดฉาก:
npm run stage"การทดสอบ" ของไซต์ที่สร้างขึ้นประกอบด้วยการตรวจสอบลิงก์และ HTML ที่สร้างขึ้นนั้นถูกต้อง