Jekyll + Bootstrap + Gitサイトを最適に編成するにはどうすればよいですか?


9

何年にもわたって何もないところからサイトを構築して(そして自分自身で多くの作業を行ってきた)後、私はつま先を数年前から避けてきた2つのプロジェクト(BootstrapとJekyll)に浸しました。

デザインは非常にカスタマイズされたジョブで、LESSを掘り下げる必要があったため、Bootstrapソースファイル、ソースアセット、およびそのディレクトリ内のビルドディレクトリを用意しました。次に、ジキル側があります。これには独自の構造があり、Bootstrapビルドディレクトリでシンボリックリンクし、最終的なコンテンツ(実際に提供したいもの)は_siteディレクトリに埋め込まれています。

表示方法は次のとおりです。

/.git/*
/.gitignore
/bootstrap/
/bootstrap/... a load of source files ...
/bootstrap/bootstrap/  # the build output
/jek/
/jek/... all the jekyll files ...
/jek/bootstrap/  # symlink on ../bootstrap/bootstrap/
/jek/_site  # the stuff I actually want to upload - but don't really want in git

、私の歴史、私はどちらか(意味のかなりの量を作る)Djangoプロジェクトのレイアウトや静的なレイアウトを扱ってきました。ここにあるのは、2つの個別のビルドシステムであり、それが私を混乱させています。

このすべてのジャンクを構造化する、または失敗するより良い方法はありますか?ブートストラップ出力をjekディレクトリに直接作成する方法はありますか?このように、相互依存の静的サイトをどのように処理しますか?


これにより、開始が簡単になると思います:jekyllbootstrap.com/usage/jekyll-quick-start.html
marbel

なぜそれがあなたを狂わせるのですか?
ユーザー

Jekyll、Bootstrap、GitHubの場合、この人のvidsを最大限に活用します: youtube.com/user/KepowOb
Trunk

回答:


0
  • ソースからビルドファイルを分離します。

    /jek/_site  # the stuff I actually want to upload - but don't really want in git
    

    あなたはメインブランチからそれを延期することができます、jekyllは継続的インテグレーションをサポートしています。その方法は、ドキュメントを読むことができます

    簡単ではありません。新しいプロジェクトをセットアップするようなものです。そして、あなたはまだそれに慣れていないと思います

  • ブートストラップをjekyllディレクトリに入れます。

     /jek/bootstrap/  # actual boostrap source    
     /jek/bootstrap/dist/  # the build output
    

    読んでデフォルト設定を、それが持っています

    • 宛先(前のオプションが適切でない場合)
    • include、boostrapディレクトリを含める

      変換にディレクトリやファイルを強制的に含めます。

    • keep_files、.less必要に応じて保持します。

jekyllのlessをサポートする問題はアクティブで現在はクローズされているため、まだ公式サポートはありません。しかし、代わりにRakeまたはGulpシェルスクリプトがあります。あなたはジキルからあなたの生成されたファイルをプッシュするトラヴィスのような継続的な統合を使用する場合、あなたはまた、経由少ないコンパイルすることができbefore_script。それで私はあなたが_siteディレクトリなしでよりきれいなコードレイアウトと単一のルートフォルダを持っていることを望みます。

弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.