웹마스터 팁
Simplestrap css, js cdn에서 로드하기
2014.08.29 17:29
이 게시글은 simplestrap 레이아웃 ver 1.4.2 기준으로 적은 글입니다. 타 버전에서 적용시 문제점이 있을 수 있습니다.
이 팁은 bootstrap, jquery cookie, respond.js 등의 파일을 cdn에서 불러오게 하는 팁입니다.
적용방법 : ./layouts/simplestrap/_setting.html 파일을 diff를 보고 수정하시거나 첨부파일을 ./layouts/simplestrap/ 경로에 넣으시면 됩니다.
diff --git a/org.html b/_setting.html
index de3ee5e..96ce8ed 100644
--- a/org.html
+++ b/_setting.html
@@ -59,22 +59,22 @@ endif;
<!--// load target="js/simplestrap.js" index="-4" type="body" -->
</block>
<block cond="!__DEBUG__">
-<load target="./css/bootstrap.min.css" index="-5" />
+<load target="///cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.2.0/css/bootstrap.min.css" index="-5" />
<block cond="$li->fontawesome!='f4_only'">
-<load target="./css/font-awesome3.min.css" index="-4" />
-<load target="./css/font-awesome3-ie7.min.css" targetie="ie 7" />
+<load target="///cdnjs.cloudflare.com/ajax/libs/font-awesome/3.2.1/css/font-awesome.min.css" index="-4" />
+<load target="///cdnjs.cloudflare.com/ajax/libs/font-awesome/3.2.1/css/font-awesome-ie7.min.css" targetie="ie 7" />
</block>
-<load target="./css/font-awesome.min.css" index="-4" cond="$li->fontawesome!='f3_only'" />
+<load target="///cdnjs.cloudflare.com/ajax/libs/font-awesome/4.1.0/css/font-awesome.min.css" index="-4" cond="$li->fontawesome!='f3_only'" />
<load target="./css/simplestrap.min.css" index="-3" />
-<load target="./js/bootstrap.min.js" type="body" />
+<load target="///cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.2.0/js/bootstrap.min.js" type="body" />
<!--// load target="./js/simplestrap.min.js" index="-4" type="body" / -->
</block>
-<load target="./css/bootstrap-theme.min.css" cond="$li->bootstrap2_design=='Y'" />
+<load target="///cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.2.0/css/bootstrap-theme.min.css" cond="$li->bootstrap2_design=='Y'" />
<load target="./css/bootstrap-ie7.css" targetie="ie 7" />
-<load target="./js/jquery.cookie.min.js" />
-<load target="./js/respond.min.js" targetie="lt IE 9" type="body" index="-2" />
-<load target="./js/jquery.placeholder.js" targetie="lt IE 10" type="body" />
-<load target="./js/prettify.js" type="body" cond="$li->code_prettify=='Y'" />
+<load target="///cdnjs.cloudflare.com/ajax/libs/jquery-cookie/1.3.1/jquery.cookie.min.js" />
+<load target="///cdnjs.cloudflare.com/ajax/libs/respond.js/1.4.2/respond.js" targetie="lt IE 9" type="body" index="-2" />
+<load target="///cdnjs.cloudflare.com/ajax/libs/jquery-placeholder/2.0.8/jquery.placeholder.min.js" targetie="lt IE 10" type="body" />
+<load target="///cdnjs.cloudflare.com/ajax/libs/prettify/r298/prettify.js" type="body" cond="$li->code_prettify=='Y'" />
<load target="./custom/custom_style.css" cond="in_array('custom_style',$li->custom)" index="-2" />
<load target="./custom/custom_js.js" cond="in_array('custom_js',$li->custom)" index="-1" type="body" />
파일 : _setting.html
포럼에서 보기 : http://www.typhoon.kr.pe/web_develop/2484
태그 연관 글
- [2013/12/31] 묻고답하기 게시판 링크 자동걸리고 새 창으로 뜨게 설정하는 법? *2
댓글 5
-
Typhoon
2014.08.29 17:32
-
오랜만에 들어와서 죄송합니다 ㅠㅠ
추후 제가 직접 jsdelivr에 올리도록 하겠습니다 :) -
Typhoon
2014.11.28 16:23
ㅎㄷㄷ..
감사합니다~!
-
AJKJ
2014.08.29 19:45
cdnjs.com의 경우 적용시 한번 점검하고 사용하는게 좋을것 같습니다.
cdnjs.com 은 cloudflare만을 단독으로 이용하는데, 접속자에 따라 서울서버가 아닌 해외서버(SKT-HKG, KTNLAX, SJC)를 이용하는 문제가 있습것 같습니다. 저의 경우 jsdelvir는 아직 그런 문제 발견 사례를 보지 못하여 jsdelivr를 사용하고 있습니다.
-
Typhoon
2014.08.29 22:23
그런 문제가 있군요.
jsdelivr url도 올려 놓겠습니다 ^^
(
근데 저는 호스팅이 원래 해외 무료 호스팅이라서 해외 서버 사용되도 서버에서 로드하는 것 보다는 빠릅니다 ㅜㅜ)
@윈컴이
혹시 Simplestrap의 css, js를 jsdelivr에 올려도 되나요?
된다면 라이센스는 어떻게 되나요?