bootstrapcdn

Bootstrapcdn

Bootstrapcdn ist der einfachste und schnellste Weg, um mit Bootstrap, Font Awesome, Bootswatch und Bootstrap Icons zu beginnen. Besuchen Sie einfach die Hauptseite und kopieren Sie die URLs, die Sie benötigen. Neue Versionen aller Projekte werden direkt von NPM gezogen.

Oder befolgen Sie die Anweisungen brüllen für fortgeschrittenere Anwendungsfälle.

Beispiel CDN -Links

Diese ziehen die Version 4.6.0 . Es ist sicher, SRI mit solchen statischen Versionen zu verwenden.

 <!-- 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>

Version Aliasing

Um automatisch zu der neuesten Minor-Version zu automatisieren, können Sie beispielsweise 4 als Version in der URL angeben. Sie erhalten dann die neueste V4 -Version mit einer Verzögerung von bis zu 7 Tagen.

 <!-- 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>

WARNUNG: Verwenden Sie SRI -Hashes nicht mit dynamischen URLs wie diesem, oder das nächste Update wird Ihre Website brechen.

Eine detailliertere Dokumentation finden Sie auf der Github -Seite von JSDelivr.

Verwenden der API, um Versionen zu ziehen

Für bestimmte Anwendungsfälle ist es möglich, Updates mithilfe unserer API zu automatisieren. Sie können es verwenden, um die Liste der Versionen auf dem CDN zu erstellen, einschließlich der neuesten.

 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",
...
	]
}

Beitragen

Anforderungen

1. Node.js

Läuft

Verwenden Sie npm run <task> .

Entwicklung

npm install

npm test && npm run dev

Dämonisiert

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

# start production server
npm start

# and more
npm run

Konfiguration

config/_app.yml

Die Express.js -App -Konfiguration.

• Port: ganzzahliger Wert des Knotenanwendungsanschlusss.
• Thema: ganzzahliger Wert des Standardthemas, das wir verwenden; Es ist der Array -Indexwert aus dem Abschnitt bootswatch4 unten.
• SiteUrl: Unsere kanonische URL.
• Autoren: Array von Autorenobjekten. Akzeptiert Folgendes:
  • Name
  • Twitter: Der Twitter -Handler ohne @
  • URL: Website der Autor -Website (optional)
  • Arbeit: (optionales) Objekt, das enthalten kann:
    • Text: Der Text, der für die url -Bellow angezeigt werden soll
    • URL: Der Link zur Arbeit
• Beschreibung: Zeichenfolge mit der Standard -Meta -Beschreibung der Site.
• Favicon: Der Weg zu favicon.ico .
• Stylesheet: Array von Stylesheet -Dateien, die wir neben dem Bootswatch -Stylesheet verwenden.
• JavaScript: Array von JavaScript -Dateien, die wir verwenden.
• Weiterleitungen: Array von Objekten für die Seite umleitet.

config/_files.yml

Enthält die CDN -Dateien, die wir hosten. Die SRI -Werte werden aktualisiert, indem npm run integrity ausgeführt wird.

config/helmet-csp.js

Unsere CSP -Konfiguration über https://github.com/helmetjs/csp mit

Aktualisieren von Bootstrap/Bootlint/Bootswatch

Ersetzen Sie package durch das Paket, das Sie in den folgenden Befehlen durch die Version aktualisieren und version möchten:

npm i package@version -ED
npm run package version

1. Aktualisieren Sie config/_config.yml entsprechend
2. npm run integrity
3. Stellen Sie sicher, dass npm run all , nachdem sich die Dateien auf S3/CDN befinden