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

bootstrapcdn

bootstrap-github-cover

Bootstrapcdn เป็นวิธีที่ง่ายที่สุดและเร็วที่สุดในการเริ่มต้นด้วยไอคอน Bootstrap, Font Awesome, Bootswatch และ Bootstrap เพียงไปที่เว็บไซต์หลักและคัดลอก URL ที่คุณต้องการ รุ่นใหม่ของโครงการทั้งหมดจะถูกดึงโดยตรงจาก NPM

หรือทำตามคำแนะนำตะโกนสำหรับกรณีการใช้งานขั้นสูงเพิ่มเติม

ตัวอย่างลิงก์ cdn

สิ่งเหล่านี้จะดึงเวอร์ชัน 4.6.0 มันปลอดภัยที่จะใช้ SRI กับรุ่นคงที่เช่นนี้ 

 <!-- CSS only -->
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet">

<!-- JavaScript Bundle with Popper -->
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"></script>

นามแฝงเวอร์ชัน

ในการอัปเดตอัตโนมัติเป็นรุ่นรองล่าสุดคุณสามารถระบุตัวอย่าง 4 เป็นเวอร์ชันใน URL จากนั้นคุณจะได้รับเวอร์ชัน V4 ล่าสุดที่มีความล่าช้าสูงสุด 7 วัน 

 <!-- CSS only -->
<link href="https://cdn.jsdelivr.net/npm/bootstrap@4/dist/css/bootstrap.min.css" rel="stylesheet">

<!-- JavaScript Bundle with Popper -->
<script src="https://cdn.jsdelivr.net/npm/bootstrap@4/dist/js/bootstrap.bundle.min.js"></script>

คำเตือน: อย่าใช้แฮช SRI กับ URL แบบไดนามิกเช่นนี้หรือการอัปเดตครั้งต่อไปจะทำลายเว็บไซต์ของคุณ

เอกสารรายละเอียดเพิ่มเติมมีอยู่ในหน้า GitHub ของ JSDELIVR

ใช้ API เพื่อดึงเวอร์ชัน

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

 https://data.jsdelivr.com/v1/package/npm/bootstrap
{
	"tags": {
		"latest": "4.6.0",
		"previous": "3.4.1",
		"next": "5.0.0-beta2"
	},
	"versions": [
		"5.0.0-beta2",
...
		"4.6.0",
...
	]
}

การบริจาค

ความต้องการ

  1. node.js

วิ่ง

ใช้ npm run <task>

การพัฒนา 

npm install

npm test && npm run dev

ปีศาจ 

 # start development server and watch for changes
npm run dev
# or
npm run watch

# start production server
npm start

# and more
npm run

การกำหนดค่า

config/_app.yml

การกำหนดค่าแอป Express.js

  • พอร์ต: ค่าจำนวนเต็มของพอร์ตแอปพลิเคชันโหนด
  • ชุดรูปแบบ: ค่าจำนวนเต็มของชุดรูปแบบเริ่มต้นที่เราใช้; มันเป็นค่าดัชนีอาร์เรย์จากส่วน bootswatch4 ด้านล่าง
  • SiteUrl: URL ที่เป็นที่ยอมรับของเรา
  • ผู้เขียน: อาร์เรย์ของวัตถุผู้แต่ง ยอมรับสิ่งต่อไปนี้:
    • ชื่อ
    • Twitter: Handler Twitter โดยไม่ต้อง @
    • URL: URL เว็บไซต์ของผู้แต่ง (ไม่บังคับ)
    • งาน: (ไม่บังคับ) วัตถุที่มี:
      • ข้อความ: ข้อความที่จะแสดงสำหรับ url bellow
      • URL: ลิงก์ไปยังงาน
  • คำอธิบาย: สตริงที่มีคำอธิบายเมตาเริ่มต้นของเว็บไซต์
  • Favicon: เส้นทางสู่ favicon.ico
  • Stylesheet: Array of Stylesheet File เราใช้นอกเหนือจาก bootswatch stylesheet
  • JavaScript: อาร์เรย์ของไฟล์ JavaScript ที่เราใช้
  • การเปลี่ยนเส้นทาง: อาร์เรย์ของวัตถุสำหรับการเปลี่ยนเส้นทางหน้า

config/_files.yml

มีไฟล์ CDN ที่เราโฮสต์ค่า SRI ได้รับการอัปเดตโดยเรียกใช้ npm run integrity

config/helmet-csp.js

การกำหนดค่า CSP ของเราโดยใช้ https://github.com/helmetjs/csp

การอัปเดต bootstrap/bootlint/bootswatch

แทนที่ package ด้วยแพ็คเกจที่คุณต้องการอัปเดตและ version ด้วยเวอร์ชันในคำสั่งต่อไปนี้: 

npm i package@version -ED
npm run package version
  1. อัปเดต config/_config.yml ตามลำดับ
  2. npm run integrity
  3. ตรวจสอบให้แน่ใจว่า npm run all หลังจากไฟล์อยู่ใน S3/CDN และตรวจสอบว่าส่วนหน้าทำงานตามที่คาดไว้โดยไม่ต้องแตกภาพใด ๆ
ขยาย
ข้อมูลเพิ่มเติม
แอปที่เกี่ยวข้อง
แนะนำสำหรับคุณ
ข้อมูลที่เกี่ยวข้อง ทั้งหมด