bootstrapcdn

Bootstrapcdn

BootstrapCDN은 부트 스트랩, 글꼴 굉장한, 부트 스위치 및 부트 스트랩 아이콘으로 시작하는 가장 쉽고 빠른 방법입니다. 기본 사이트를 방문하여 필요한 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>

버전 별칭

최신 마이너 버전으로 자동 업데이트하려면 URL의 버전으로 예를 들어 4 지정할 수 있습니다. 그런 다음 최대 7 일의 지연으로 최신 V4 버전을 사용할 수 있습니다.

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

경고 : 이와 같은 동적 URL이있는 SRI 해시를 사용하지 마십시오. 그렇지 않으면 다음 업데이트가 사이트를 중단합니다.

보다 자세한 설명서는 JSDELIVR의 GitHub 페이지에서 제공됩니다.

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.
• 저자 : 저자 대상 배열. 다음을 수락합니다.
  • 이름
  • 트위터 : @ 없는 트위터 처리기
  • URL : 저자의 웹 사이트 URL (선택 사항)
  • 작업 : (선택 사항) 포함 할 수있는 객체 :
    • 텍스트 : url 벨로우에 대한 텍스트
    • URL : 작업에 대한 링크
• 설명 : 사이트의 기본 메타 설명이 포함 된 문자열.
• Favicon : favicon.ico 로가는 길.
• 스타일 시트 : Bootswatch 스타일 시트와는 별도로 사용하는 스타일 시트 파일 배열.
• JavaScript : 우리가 사용하는 JavaScript 파일 배열.
• 리디렉션 : 페이지 리디렉션의 객체 배열.

config/_files.yml

SRI 값은 npm run integrity 실행하여 업데이트됩니다.

config/helmet-csp.js

https://github.com/helmetjs/csp를 사용하는 CSP 구성

Bootstrap/BootLint/BootSwatch 업데이트

업데이트하려는 패키지로 package 바꾸고 다음 명령의 버전으로 version 하십시오.

npm i package@version -ED
npm run package version

1. 그에 따라 config/_config.yml 업데이트하십시오
2. npm run integrity
3. 파일이 S3/CDN에있는 후 npm run all 하고 시각적 파손없이 예상대로 프론트 엔드 작동을 확인하십시오.