搭建Bootstrap離線文檔的方法
雖然現(xiàn)在不聯(lián)網(wǎng)的情況很少，但在本機(jī)上搭建一份Bootstrap離線文檔以備不時(shí)之需也是很有必要的。
廢話不多說(shuō)，如果你也有同樣的想法，可以參照以下步驟來(lái)做：
若你還沒(méi)有安裝過(guò)nodejs和Ruby，請(qǐng)先下載安裝后再開(kāi)始下面的步驟。
下載完畢之后解壓到任意位置，比如D:\。
從terminal進(jìn)入源碼目錄，輸入命令：
npm install
接著從terminal輸入下面的命令來(lái)安裝Ruby的一個(gè)gem：Bundler(官網(wǎng)：http://bundler.io)
gem install bundler
如果你和我一樣在安裝bundler時(shí)碰到SSL錯(cuò)誤, 請(qǐng)先運(yùn)行下面的命令再重新安裝bundler：
gem sources --remove https://rubygems.org/
gem sources --add http://rubygems.org/
若你在安裝bundler時(shí)碰到過(guò)SSL錯(cuò)誤，那么你還需要額外進(jìn)行下面這一步驟的修改：打開(kāi)源碼根目錄下的Gemfile文件, 把第一行的https:改成http，然后保存關(guān)閉。
修改Gemfile
從terminal進(jìn)入源碼目錄，輸入命令：
bundler install
至此，Bootstrap離線文檔的安裝配置已經(jīng)完成，今后在想查看文檔時(shí)，從terminal進(jìn)入源碼目錄，輸入命令：
bundler exec jekyll serve
打開(kāi)網(wǎng)頁(yè)http://localhost:9001 即可查看離線文檔。
以上所述是小編給大家介紹的搭建Bootstrap離線文檔的方法，希望對(duì)大家有所幫助，如果大家有任何疑問(wèn)請(qǐng)給我留言，小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)腳本之家網(wǎng)站的支持！
- Bootstrap安裝環(huán)境配置教程分享
- Bootstrap CDN和本地化環(huán)境搭建
- Bootstrap每天必學(xué)之模態(tài)框（Modal）插件
- Bootstrap每天必學(xué)之工具提示（Tooltip）插件
- Bootstrap每天必學(xué)之標(biāo)簽頁(yè)（Tab）插件
- Bootstrap每天必學(xué)之折疊（Collapse）插件
- Bootstrap每天必學(xué)之附加導(dǎo)航（Affix）插件
- 值得分享的最全面Bootstrap快速人門案例
- 值得分享和收藏的Bootstrap學(xué)習(xí)教程
- Bootstrap框架安裝使用詳解
相關(guān)文章
BootStrap Progressbar 實(shí)現(xiàn)大文件上傳的進(jìn)度條的實(shí)例代碼
這篇文章主要介紹了BootStrap Progressbar 實(shí)現(xiàn)大文件上傳的進(jìn)度條的實(shí)例代碼的相關(guān)資料，非常不錯(cuò)，具有參考借鑒價(jià)值，需要的朋友可以參考下2016-06-06
BootStrap點(diǎn)擊保存后實(shí)現(xiàn)模態(tài)框自動(dòng)關(guān)閉的思路(模態(tài)框)
這篇文章主要介紹了BootStrap點(diǎn)擊保存后實(shí)現(xiàn)模態(tài)框自動(dòng)關(guān)閉的思路(模態(tài)框),需要的朋友可以參考下2017-09-09
本文主要介紹防止重復(fù)發(fā)送 Ajax請(qǐng)求的方法。具有很好的參考價(jià)值，下面跟著小編一起來(lái)看下吧2017-02-02
微信小程序中使用vant組件庫(kù)的超詳細(xì)圖文教程
說(shuō)到vant框架相信大家應(yīng)該并不陌生了吧,做過(guò)移動(dòng)端開(kāi)發(fā)的小伙伴們應(yīng)該都知道它吧,下面這篇文章主要給大家介紹了關(guān)于微信小程序中使用vant組件庫(kù)的超詳細(xì)圖文教程,需要的朋友可以參考下2023-03-03
javascript 字符串連接的性能問(wèn)題(多瀏覽器)
今天看了javascript 高級(jí)程序設(shè)計(jì) 談到了字符串連接的性能問(wèn)題2008-11-11
這篇文章主要為大家介紹了JWT?Json?Web?Token全面詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪<BR>2022-11-11
微信小程序修改swiper默認(rèn)指示器樣式的實(shí)例代碼
這篇文章主要介紹了微信小程序修改swiper默認(rèn)指示器樣式的實(shí)例代碼,代碼塊是從微信開(kāi)發(fā)文檔中心復(fù)制的代碼塊，在此基礎(chǔ)上修改官方swiper樣式，需要的朋友可以參考下2018-07-07
window.onload 加載完畢的問(wèn)題及解決方案（上）
我們經(jīng)常使用 window.onload 來(lái)處理頁(yè)面，當(dāng)頁(yè)面加載完成做一些事情。但這個(gè) window.onload 是頁(yè)面全部加載完成，甚至包括圖片，而我們實(shí)際上經(jīng)常需要的是文檔 DOM 加載完畢！2009-07-07
javascript實(shí)現(xiàn)一個(gè)網(wǎng)頁(yè)加載進(jìn)度loading
本篇文章主要介紹了javascript實(shí)現(xiàn)一個(gè)頁(yè)面加載進(jìn)度loading的具體步驟以及示例代碼，具有一定的參考價(jià)值，下面跟著小編一起來(lái)看下吧2017-01-01
Firefox下面沒(méi)有innerText,所以我們想在firefox下獲取下列框選中option的text（注意不是value）時(shí)會(huì)比較吃力。筆者結(jié)合自己在項(xiàng)目中的解決方案和代碼總結(jié)一下，請(qǐng)大家指教。2010-06-06