搭建Bootstrap离线文档的方法


Posted in Javascript onDecember 02, 2016

虽然现在不联网的情况很少,但在本机上搭建一份Bootstrap离线文档以备不时之需也是很有必要的。

废话不多说,如果你也有同样的想法,可以参照以下步骤来做:

若你还没有安装过nodejs和Ruby,请先下载安装后再开始下面的步骤。

去Bootstrap官网下载源码。

搭建Bootstrap离线文档的方法

下载完毕之后解压到任意位置,比如D:\。

从terminal进入源码目录,输入命令:

npm install

搭建Bootstrap离线文档的方法

接着从terminal输入下面的命令来安装Ruby的一个gem:Bundler(官网:http://bundler.io)

gem install bundler

搭建Bootstrap离线文档的方法

如果你和我一样在安装bundler时碰到SSL错误, 请先运行下面的命令再重新安装bundler:

gem sources --remove https://rubygems.org/
gem sources --add http://rubygems.org/

若你在安装bundler时碰到过SSL错误,那么你还需要额外进行下面这一步骤的修改:打开源码根目录下的Gemfile文件, 把第一行的https:改成http,然后保存关闭。

搭建Bootstrap离线文档的方法

修改Gemfile

从terminal进入源码目录,输入命令:

bundler install

至此,Bootstrap离线文档的安装配置已经完成,今后在想查看文档时,从terminal进入源码目录,输入命令:

bundler exec jekyll serve

搭建Bootstrap离线文档的方法

打开网页http://localhost:9001 即可查看离线文档。

以上所述是小编给大家介绍的搭建Bootstrap离线文档的方法,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对三水点靠木网站的支持!

Javascript 相关文章推荐
ExtJs 3.1 XmlTreeLoader Example Error
Feb 09 Javascript
js实现翻页后保持checkbox选中状态的实现方法
Nov 03 Javascript
jquery自适应布局的简单实例
May 28 Javascript
jQuery实现带延时功能的水平多级菜单效果【附demo源码下载】
Sep 21 Javascript
微信小程序开发之Tabbar实例详解
Jan 09 Javascript
laravel5.4+vue+element简单搭建的示例代码
Aug 29 Javascript
AngularJS实现表单验证功能详解
Oct 12 Javascript
sharp.js安装过程中遇到的问题总结
Apr 02 Javascript
vue中移动端调取本地的复制的文本方式
Jul 18 Javascript
微信小程序实现点击导航条切换页面
Nov 19 Javascript
详解Vue3.0 + TypeScript + Vite初体验
Feb 22 Vue.js
ant design vue的form表单取值方法
Jun 01 Vue.js
巧用Javascript的逻辑运算符
Dec 02 #Javascript
Vue.js第四天学习笔记(组件)
Dec 02 #Javascript
Javascript之面向对象--接口
Dec 02 #Javascript
Javascript之面向对象--封装
Dec 02 #Javascript
JavaScript制作弹出层效果
Dec 02 #Javascript
Javascript之面向对象--方法
Dec 02 #Javascript
详解基于javascript实现的苹果系统底部菜单
Dec 02 #Javascript
You might like
40个迹象表明你还是PHP菜鸟
2008/09/29 PHP
php+jquery编码方面的一些心得(utf-8 gb2312)
2010/10/12 PHP
PHP+Mysql+jQuery实现动态展示信息
2011/10/08 PHP
thinkphp隐藏index.php/home并允许访问其他模块的实现方法
2016/10/13 PHP
php利用ZipArchive类操作文件的实例
2020/01/21 PHP
建议大家看下JavaScript重要知识更新
2007/07/08 Javascript
JavaScript继承方式实例
2010/10/29 Javascript
Fixie.js 自动填充内容的插件
2012/06/28 Javascript
js实现快速分享功能(你的文章分享工具)
2013/06/25 Javascript
jQuery javaScript捕获回车事件(示例代码)
2013/11/07 Javascript
JS和JQ的event对象区别分析
2014/11/24 Javascript
浅谈js的setInterval事件
2014/12/05 Javascript
jQuery中wrapAll()方法用法实例
2015/01/16 Javascript
jQuery+css实现的换页标签栏效果
2016/01/27 Javascript
Bootstrap模态对话框的简单使用
2016/04/29 Javascript
JS传值出现中文参数乱码的解决方法
2016/06/30 Javascript
jquery实现网站列表切换效果的2种方法
2016/08/12 Javascript
jQuery 获取除某指定对象外的其他对象 ( :not() 与.not())
2018/10/10 jQuery
微信小程序实现单选功能
2018/10/30 Javascript
VuePress 静态网站生成方法步骤
2019/02/14 Javascript
[01:27]2014DOTA2展望TI 剑指西雅图IG战队专访
2014/06/30 DOTA
Python 分析Nginx访问日志并保存到MySQL数据库实例
2014/03/13 Python
Python Web框架Flask信号机制(signals)介绍
2015/01/01 Python
Python基础篇之初识Python必看攻略
2016/06/23 Python
django基础之数据库操作方法(详解)
2017/05/24 Python
python实现机器学习之多元线性回归
2018/09/06 Python
canvas绘图按照contain或者cover方式适配并居中显示
2019/02/18 HTML / CSS
HTML5 直播疯狂点赞动画实现代码 附源码
2020/04/14 HTML / CSS
美国女士内衣在线折扣商店:One Hanes Place
2019/03/24 全球购物
SCDKey德国:全球领先的数字游戏市场
2019/04/09 全球购物
项目建议书格式
2014/03/12 职场文书
给校长的建议书400字
2014/05/15 职场文书
质量安全标语
2014/06/07 职场文书
市场营销专业求职信
2014/06/17 职场文书
汽车服务工程专业自荐信
2014/09/02 职场文书
医德医风学习心得体会
2016/01/25 职场文书