Bootstrap3实用教程
1.7 本地部署BootStrap
阅读(

Bootstrap基础

Bootstrap简介

下载Bootstrap3

Bootstrap的文件结构

安装Bootstrap

编译Bootstrap

定制Bootstrap

本地部署Bootstrap

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

1、安装powershell

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

2、安装Chocolatey

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

cmd 中执行的命令为:

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

PowerShell中执行的命令为:

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

3、安装ruby

PowerShell中,通过以下Chocolatey 的命令安装 ruby:

chocoinstallruby-y

4、安装 bundler

PowerShell中,通过以下gem的命令安装 bundler:

gem install bundler

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

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

5、安装 jekyll

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

bundle install

6、开启本地服务器

PowerShell中,执行以下命令:

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 上开源。

如果本教程对您帮助很大,请随意打赏。您的支持,将鼓励我写出更好的教程!

← 键盘方向键翻页 →
返回顶部 手机访问 关注微信 返回底部

扫码访问歪脖网

随时随地,想看就看

关注歪脖网微信

分享 web 知识、交流 web 经验