本地部署Bootstrap3

 

Bootstrap3提供的HTML帮助文档，需要在本地部署之后才能查看，不像Bootstrap2的文档可以直接在浏览器中查看。部署步骤如下：

1、安装powershell

人们一般习惯使用Windows 的cmd命令行来执行命令，但这里必须安装Windows PowerShell，因为有些命令在cmd中无法执行。

2、安装Chocolatey

Chocolatey可以在cmd或PowerShell中安装，它们都要求必须以管理员权限打开，否则无法正确执行。执行安装命令后，如果出现chocolatey is now ready，表示安装成功。

cmd 中执行的命令为：

1. @powershell -NoProfile -ExecutionPolicy Bypass -Command "iex ((new-object net.webclient).DownloadString('https://chocolatey.org/install.ps1'))" && SET PATH=%PATH%;%ALLUSERSPROFILE%\chocolatey\bin

PowerShell中执行的命令为：

1. iex ((new-object net.webclient).DownloadString('https://chocolatey.org/install.ps1'))

3、安装ruby

PowerShell中，通过以下Chocolatey 的命令安装 ruby：

1. chocoinstallruby-y

4、安装 bundler

PowerShell中，通过以下gem的命令安装 bundler：

1. gem install bundler

注意： 执行以上命令需要翻墙，所以要按照 http://gems.ruby-china.org/ 的说明将安装源修改为国内镜像。即执行以下命令：

1. gem sources --add https://gems.ruby-china.org/ --remove https://rubygems.org/

5、安装 jekyll

PowerShell中，执行以下命令，bundle会根据需要，自动安装 jekyll以及所需要的任何文件：

1. bundle install

6、开启本地服务器

PowerShell中，执行以下命令：

1. bundle exec jekyll serve

7、浏览文档

在浏览器中输入网址：http://127.0.0.1:4000/，就可以在本地浏览Bootstrap 帮助文档了。

关于作者

歪脖先生，十五年以上软件开发经验，酷爱Web开发，精通 HTML、CSS、JavaScript、jQuery、JSON、Python、Less、Bootstrap等，著有《HTML宝典》、《揭秘CSS》、《Less简明教程》、《JSON教程》、《Bootstrap2用户指南》、《Bootstrap3实用教程》，并全部在 GitHub 上开源。