web-dev-qa-db-ja.com

Twitterをコンパイルbootstrap 3 docs(方法)?

bootstrap 3.コンパイルしようとしています。リポジトリをローカルにクローンしました。bootstrapディレクトリでmakeを実行します。

aaas-iMac:bootstrap aaa$ make



Building Bootstrap...
--------------------------------------------------
Running JSHint on JavaScript...             ✔ Done
Compiling LESS with Recess...               ✔ Done
Prepping documentation assets...            ✔ Done
Compiling and minifying JavaScript...       ✔ Done
--------------------------------------------------
Success!

Thanks for using Bootstrap,
<3 @mdo and @fat

aaas-iMac:bootstrap aaa$ 

コンパイルされたドキュメントがどこにも表示されませんか?

21
Harry

Bootstrap 3.0のドキュメントは Jekyll を使用して構築されています。ドキュメントをローカルで表示するには、ローカルサーバーを実行するために install Jekyll を実行する必要があります。

11
Kisuka

Jekyllをインストールしてビルドするには:(Windowsに関する注意: https://stackoverflow.com/a/16853614/1596547

  1. rubygemsをインストール(Sudo _apt-get install rubygems_)
  2. (須藤)_gem install jekyll_
  3. bootstrap installの_./docs_ dirに移動します(以下も参照してください: Explore and install Twitter Bootstrap ))
  4. bootstrap dirから_jekyll --server_を実行します
  5. _http://localhost:9001/_にアクセス _http://localhost:9001/docs.html_ ブラウザで

注意:WEBrickのデフォルトポートは9001です。このポートが使用できない場合、他のポートが使用されます:WARN TCPServer Error: Address already in use - bind(2) INFO WEBrick::HTTPServer#start: pid=30728 port=4000

_http://localhost:9001/_にアクセスすると、ホーム画面が表示されます。 [ドキュメントを表示]ボタンは/ docs /にリンクしていますが、ドキュメントはdocs.htmlにあります 下記参照:

Twitter's Bootstrap 3.0.0 Docs

現在(2013年7月10日)ナビゲーションバーのリンクが壊れているようです(.htmlがありません)。そのため、_http://localhost:9001/javascript.html_ではなく_http://localhost:9001/javascript_を使用してください。参照: https://github.com/Twitter/bootstrap/pull/844

gitを使用する(jekyllはすでにインストールされています):

_git clone --branch 3.0.0-wip git://github.com/Twitter/bootstrap.git
cd bootstrap
jekyll --server
_

_http://localhost:9001/_または_http://localhost:4000/_にアクセス

[〜#〜] update [〜#〜]@ lee-whitney の代わりに_jekyll serve_を使用することをお勧めします_jekyll --server_。 _jekyll serve_コマンドは、ドキュメントのhtmlファイルを含むディレクトリを作成します。このファイルは(ローカル)Webサーバーで提供できます。 _jekyll serve_(jekyll)サーバーを起動しません。このコマンドをLinux(Ubuntu 12.04LTS)とJekyll 0.12.1でテストします

14
Bass Jobsen

Windowsの場合(Linuxがわからないので、私が完全にテストしました):

ステップ1:Bootstrap3をダウンロードする:github.com/Twitter/bootstrap/archive/3.0.0-wip.Zip
ステップ2:ダウンロードRuby: ここをクリック
Step3:ダウンロードDevkit: ここをクリック し、それをいくつかのディレクトリに抽出します。
Step4:Rubyターミナルを介してdevkit direcoryに移動し、次のコマンドを実行します

Ruby dk.rb init
Ruby dk.rb install
gem install jekyll --version '= 0.11.0'

Jekyllの最新バージョンでドキュメントをコンパイルできなかったため、バージョンのステップは非常に重要で、古いバージョンに切り替えました。

ステップ5:bootstrapディレクトリのルートディレクトリに移動します
ステップ6:jekyll --serverを実行します
Step7:ブラウザでlocalhost:9001 /またはlocalhost:4000 /にアクセスします(そのうちの1つは確実に機能します)

5
Abhishek Goel

私はアビシェクの方法を試しましたが、うまくいきました。しかし、完全ではありません。それでも流体エラーが発生します。

だから私はいろいろと調べて、解決策を見つけました。コンパイルBootstrap 3は2.3.2よりも少し面倒です

以下を実行して、コンパイルして実行します。

  1. Get Bootstrap 3 master Zip

  2. Get Ruby 1.9.3

  3. DevKitを入手する

  4. Python 2.7をインストールし、PATH環境変数をpythonディレクトリで更新します

  5. BootstrapのGitHUbページに記載されているJekyll 1.xを入手してください。

    Rubyターミナルを介してdevkitディレクトリに移動し、次のコマンドを実行します

    Ruby dk.rb init
    Ruby dk.rbインストール
    gem install jekyll

  6. Pygments 0.5.2をアンインストールし、pygments 0.5.0をインストールします。

    gem uninstall pygments.rb --version "= 0.5.2"
    gem install pygments.rb --version "= 0.5.0"

  7. ターミナルで抽出されたbootstrapソースのルートディレクトリに移動し、以下を実行します

    chcp 65001
    ジキルサーブ

Localhost:9001にアクセスすると、ローカルでホストされているドキュメントが表示されます。

[〜#〜] note [〜#〜]コンパイルされると、毎回jekyll serveコマンドを実行する必要なく、それらのページにアクセスできます。ローカルに保存されたWebページと同じように、htmlページを開くだけです。

また、抽出したDevKitファイルは、ドキュメントを表示するために再度使用することはないので、自由に削除してください。

3
Thoshi B

これが完全なソリューションです

Jekyll、Rougeをインストールしてビルドするには:

Rubyがインストールされていない場合 http://jekyll-windows.juthilo.com/2-jekyll-gem/

  1. comand promtから、cd bootstrapフォルダに
  2. npm installを実行します-問題が発生した場合は、npm updateを実行します
  3. jekyllがインストールされていない場合は、gem install jekyllを実行します
  4. 次にgem install rougeを実行します
  5. bootstrapフォルダからjekyll serverを実行します
  6. 訪問 http:// localhost:9001 /
1
Charl Kruger

圧縮されたドキュメントは次のとおりです。読む以外に何もする必要はありません。完全にダウンロード可能Bootstrap 3ドキュメント。

http://web3canvas.com/item/bootstrap-3-docs/

楽しい!

1

_Update: For Bootstrap version 3.3.4_

Twitter Bootstrap(v3.3.4) docsをローカルで実行するために、次の手順を実行しました。他の人の役に立つことを願っています。

手順:

  • _gem install jekyll_(RubyRubygemsがインストールされている必要があります)
  • _git clone --branch gh-pages git://github.com/Twitter/bootstrap.git_

    (現在_gh-pages_ブランチはすべてのドキュメント関連を保持しています)

  • _cd bootstrap_
  • _jekyll serve_
  • _http://127.0.0.1:4000/_のデフォルトのサーバーURLにアクセスします
0
brg