搭建Bootstrap離線文檔的方法
雖然現(xiàn)在不聯(lián)網(wǎng)的情況很少，但在本機(jī)上搭建一份Bootstrap離線文檔以備不時(shí)之需也是很有必要的。
廢話不多說(shuō)，如果你也有同樣的想法，可以參照以下步驟來(lái)做：
若你還沒有安裝過nodejs和Ruby，請(qǐng)先下載安裝后再開始下面的步驟。
下載完畢之后解壓到任意位置，比如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í)碰到過SSL錯(cuò)誤，那么你還需要額外進(jìn)行下面這一步驟的修改：打開源碼根目錄下的Gemfile文件, 把第一行的https:改成http，然后保存關(guān)閉。
修改Gemfile
從terminal進(jìn)入源碼目錄，輸入命令：
bundler install
至此，Bootstrap離線文檔的安裝配置已經(jīng)完成，今后在想查看文檔時(shí)，從terminal進(jìn)入源碼目錄，輸入命令：
bundler exec jekyll serve
打開網(wǎng)頁(yè)http://localhost:9001 即可查看離線文檔。
以上所述是小編給大家介紹的搭建Bootstrap離線文檔的方法，希望對(duì)大家有所幫助，如果大家有任何疑問請(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)文章
javascript 函數(shù)及作用域總結(jié)介紹
本文是對(duì)javascript在的函數(shù)及作用域進(jìn)行了詳細(xì)的總結(jié)介紹，需要的朋友可以過來(lái)參考下，希望對(duì)大家有所幫助2013-11-11
JavaScript實(shí)現(xiàn)多文件下載方法解析
這篇文章主要介紹了JavaScript實(shí)現(xiàn)多文件下載方法解析，文章通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2020-08-08
這篇文章主要給大家介紹了關(guān)于JS算法題之查找數(shù)字在數(shù)組中的索引位置的相關(guān)資料，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家學(xué)習(xí)或者使用JS具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2019-05-05
js生成隨機(jī)數(shù)(指定范圍)的實(shí)例代碼
下面小編就為大家?guī)?lái)一篇js生成隨機(jī)數(shù)(指定范圍)的實(shí)例代碼。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來(lái)看看吧2016-07-07
BootstrapVue選項(xiàng)卡標(biāo)題增加關(guān)閉按鈕的方法
這篇文章主要為大家詳細(xì)介紹了BootstrapVue選項(xiàng)卡標(biāo)題增加關(guān)閉按鈕的方法，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2022-04-04
layui 阻止圖片上傳的實(shí)例(before方法)
今天小編就為大家分享一篇layui 阻止圖片上傳的實(shí)例(before方法)，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過來(lái)看看吧2019-09-09
js實(shí)現(xiàn)登錄時(shí)記住密碼的方法分析
這篇文章主要介紹了js實(shí)現(xiàn)登錄時(shí)記住密碼的方法,結(jié)合實(shí)例形式分析了JavaScript基于cookie實(shí)現(xiàn)存儲(chǔ)登錄密碼相關(guān)操作技巧,需要的朋友可以參考下2020-04-04
javascript 中事件冒泡和事件捕獲機(jī)制的詳解
這篇文章主要介紹了javascript 中事件冒泡和事件捕獲機(jī)制的詳解的相關(guān)資料,網(wǎng)上的相關(guān)資料有很多，但是講的不是多清楚，通過本文希望能讓大家理解掌握，需要的朋友可以參考下2017-09-09
JavaScript面向?qū)ο笾R(shí)串結(jié)(讀JavaScript高級(jí)程序設(shè)計(jì)(第三版))
最近在看JavaScript高級(jí)程序設(shè)計(jì)(第三版)，面向?qū)ο笠徽?0多頁(yè)，來(lái)來(lái)回回看了三五遍，每次看的收獲都不一樣2012-07-07
JS當(dāng)前頁(yè)面登錄注冊(cè)框,固定DIV,底層陰影的實(shí)例代碼
下面小編就為大家?guī)?lái)一篇JS當(dāng)前頁(yè)面登錄注冊(cè)框,固定DIV,底層陰影的實(shí)例代碼。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來(lái)看看吧2016-09-09