Como posso organizar melhor um site Jekyll + Bootstrap + Git?


9

Então, depois de muitos e muitos anos construindo sites do zero (e fazendo muito esforço), eu mergulhei meus dedos em dois projetos que já existem há alguns anos que eu tenho evitado: Bootstrap e Jekyll.

O design foi um trabalho muito personalizado que exigiu que eu explorasse o LESS, para que eu tenha os arquivos de origem do Bootstrap, os recursos de origem e um diretório de construção dentro desse diretório. Depois, há o lado Jekyll. Com estrutura própria, estou ligando o link para o diretório de criação do Bootstrap e o conteúdo final (o material que realmente quero servir) enterrado no _sitediretório.

Veja como fica:

/.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

Na minha história, eu tenho lidado com um layout de projeto do Django (que faz bastante sentido) ou um layout estático. O que tenho aqui são dois sistemas de compilação separados e isso está me deixando louco.

Existe uma maneira melhor de estruturar todo esse lixo, ou, na sua falta, existe uma maneira de fazer a saída do bootstrap diretamente no diretório jek? Como você lida com sites estáticos co-dependentes como esse?


Eu acho que isso torna mais fácil para começar: jekyllbootstrap.com/usage/jekyll-quick-start.html
marbel

Por que isso está deixando você louco?
Utilizador

Se for Jekyll, Bootstrap e GitHub, eu faria uso total dos vídeos desse cara: youtube.com/user/KepowOb
Trunk

Respostas:


0
  • Separe o arquivo de compilação da origem.

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

    você pode adiá-lo da sua filial principal, o jekyll tem suporte à Integração Contínua . Como fazer isso, você pode ler a documentação .

    não será fácil, é como configurar um novo projeto. E eu suponho que você ainda não esteja familiarizado com isso

  • Coloque o bootstrap dentro do diretório jekyll.

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

    leia a configuração padrão , ele

    • destino, caso as opções anteriores não sejam compatíveis com você
    • incluir, incluir diretório boostrap

      Forçar a inclusão de diretórios e / ou arquivos na conversão.

    • keep_files, para manter, .lessse necessário.

A questão do jekyll para apoiar menos está ativa e agora está fechada . Portanto, ainda não há suporte oficial. Mas você tem o Rake ou Gulp , script de shell alternativo . Ao usar a Integração Contínua como travis para enviar o arquivo gerado a partir do jekyll, você também pode compilar menos via before_script . Com isso, espero que você tenha um layout de código mais limpo e uma pasta raiz única, sem o diretório _site.

Ao utilizar nosso site, você reconhece que leu e compreendeu nossa Política de Cookies e nossa Política de Privacidade.
Licensed under cc by-sa 3.0 with attribution required.