jekyll plantillas

inicio / programacion / jekyll / {{page.title}}

{% include toc.html %}

propósito

  • listar diferentes plantillas implementadas con jekyll
  • buena selección en jekyll-tips

jblog

JBlog

jekyll-alpha

  • una plantilla nueva de michaellee
    • realmente simple

jekyll-alpha

jekyll-boilerplate

  • plantilla simple de de HugoGiraudel
  • la tengo clonada en C:\nube\MEGA\programacion\HtmlCssEstatico\jekyll\jekyll-boilerplate
  • bundle install
  • realmente sencilla 😄

boilerPlateSimple

jekyll-theme-conscious-sedation

jekyll moon

jekyll-theme-nettoyer

jekyll-new

jekyll polymer

  • una plantilla con polymer que tiene muy buena pinta.
  • DEMO

jekyllPolymer

Caracteristicas

  • Full-text search with simple-jekyll-search
  • Paginated home page
  • Support for featured post images (appear on cards in previews)
  • Threaded comments with Disqus
  • Google Analytics integration
  • One-command deployment to Github Pages
  • Tagged posts with archive by tag
  • Authorship with Gravatar icons

jekyll-starter

jekyll-starter

jekyll themes

jekyll-uno

Strapless CSS

source 'https://rubygems.org'
gem 'octopress-autoprefixer'
# gem 'wdm', '>= 0.1.0'
  • pues wdm da problemas
  • una vez comentado la referencia a wdm con gulp funciona y lanza un navegador con la aplicación en localhost:3000

planetjekyll

Simple Texture Theme

capturaThemaSimpleTextureInicio

capturaThemaSimpleTextureBlog

´´´bash git clone https://github.com/yizeng/jekyll-theme-simple-texture.git cd jekyll-theme-simple bundle install bundle exec jekyll serve ´´´

  • me gusta la búsqueda que es interactiva desde la primera letra.
  • buena página de categorías y tags
  • tiene un enlace a “Back to top”

timeline

henrythemes

hmfaysal-omega-theme

hmfaysal-omega-theme

drjekyllthemes

minima

jekyll new <nombre-sitio>

jekyllNewPruebasPantalla

plantilla basica

  • nueva
  • con plantilla default por defecto en todas las páginas
  • atención a las tabulaciones en config.yml
  • para comprender la opción de configuración baseurl

plantilla estúpidamente simple

  • de garth
  • parece que esta preparada para que se pueda editar como CMS en siteleaf

plantillaGarth

classic-jekyll-theme

classic-jekyll-theme

  • platilla sencilla de balancingRock
  • la clono en C:\nube\MEGA\programacion\HtmlCssEstatico\jekyll\classic-jekyll-theme>
  • con menú desplegable y diseño sencillo.

codinfox

  • plantilla basada en lanyon
  • con tags y categorias
  • clonada en C:\nube\MEGA\programacion\HtmlCssEstatico\jekyll\codinfox-lanyon>jekyll serve --port 4006

codinfox_lanyon_plantilla

son-link tutorial

  • en castellano
  • el ejemplo del tutorial de sol-link
  • lo clono en C:\nube\MEGA\programacion\HtmlCssEstatico\jekyll\tutorial-jekyll>

son-link-tutorial

  • tiene unos buenos consejos de como usar css y personalizar el sitio

hugogiraudel.github.com

  • del mismo autor que el anterior hugogiraudel.github.com
  • el propio sitio con una opción de busqueda muy interesante que resulta ser la de google … pero así veo como se programa…

hugoGiraudel

busqueda

  • en base al fantastico blog
    • para usar la busqueda que es en base el rss que genera
    • no consigo ver como usa las css para el código
      • era un problema de la plantilla que no incluia un js al no resolver la variable layout.name
  • intento usarla para sustituir el cuaderno de bitacora del curro
    • por la búsqueda
    • por el formateo del código
    • en contra que sea accesible publicamente tanto el contenido como el repositorio
      • el contenido puede estar en bitbuchet
      • el html progegido con
      • en bitbucket en un repositorio privado migrado desde github
git remote rm origin
git remote add origin https://pelos6@bitbucket.org/pelos6/busqueda.git
git config remote.origin.url https://pelos6@bitbucket.org/pelos6/busqueda.git
  • hay que configurar package.json donde se establece que monta la web usando jekyll y que se autentica con basic-auth
{
            "_aerobatic": {  
              "router": [  
                {  
                  "module": "basic-auth",   
                  "options": {  
                    "username": "$BASIC_AUTH_USERNAME",  
                    "password": "$BASIC_AUTH_PASSWORD"  
                  }  
                },  
                {  
                  "module": "webpage"  
                }
              ],
              "build": {  
                "engine": "jekyll"  
              }
            }
          }

tema feeling-responsive

feeling-responsive

tema con material design lite

plantilla artista

artist-theme

plantilla dbyll

  • el repositorio en
  • bundle install
  • bundle exec jekyll serve –port 4002
  • pide devKits y para eso
cd c:\portables\jekyllPortable\PortableJekyll-master>
setpath.cmd
c:\>cd c:\nube\MEGA\programacion\HtmlCssEstatico\jekyll\dbyll
c:\nube\MEGA\programacion\HtmlCssEstatico\jekyll\dbyll>jekyll serve --port 4002

dbyll

simplicity

C:/tools/ruby23/lib/ruby/gems/2.3.0/gems/jekyll-gist-1.4.0/lib/jekyll-gist/gist_tag.rb:86: warning: constant Jekyll::Gist::GistTag::TimeoutError is deprecated
  Liquid Exception: SSL_connect returned=1 errno=0 state=SSLv3 read server certificate B: certificate verify failed in C:/nube/MEGA/programacion/HtmlCssEstatico/jekyll/simplicity/_posts/2015-11-28-using-gists.md
jekyll 3.4.3 | Error:  SSL_connect returned=1 errno=0 state=SSLv3 read server certificate B: certificate verify failed
  • lo intento con bundle exec y lo mismo
  • borro Gemfile.lock
  • sigue el error
  • ejecuto bundle install
  • no funciona
  • quito el post que parece generar el error
    • _posts\2015-11-28-using-gists.md
    • esto funciona y ya veo el resultado

simplicityTheme.png

  • recomiendasn lanzar dos archivos de configuración en desarrollo
## This config-file is only needed for development. Instead of changing the url

# everytime you work locally on the project, you start both config-files, overwriting

# the first one with the development variables needed.

## Start development with › $ jekyll serve --config _config.yml,_config_dev.yml
  • esto ademas elimina el problema que me daba ayer

plantilla noita

plantillas de mademistakes

prueba de minimal-mistakes

  • la clono en C:\nube\MEGA\programacion\HtmlCssEstatico\jekyll\minimal-mistakes>
  • bundle exec jekyll serve
  • y se ve una parte mínima
  • sigo el tutorial
  • da este error

`C:\nube\MEGA\programacion\HtmlCssEstatico\jekyll\minimal-mistakes>bundle install Your Gemfile lists the gem minimal-mistakes-jekyll (>= 0) more than once. You should probably keep only one of them. While it s not a problem now, it could cause errors if you change the version of just one of them later.

[!] There was an error parsing Gemfile: You cannot specify the same gem twice coming from different sources. You specified that minimal-mistakes-jekyll (>= 0) should come from source at . and . Bundler cannot continue.

# from C:/nube/MEGA/programacion/HtmlCssEstatico/jekyll/minimal-mistakes/Gemfile:3

# ——————————————-

# gemspec

gem minimal-mistakes-jekyll # source “https://rubygems.org"

# ——————————————- `

  • borro Genfile.lock
  • sigue con el problema
  • quito la linea recien añadida de Gemfile
  • ahora funciona
  • buena plantilla de la que se puede aprender bastante.

  • la dejo para montar una más sencilla

    ...
Using jekyll-feed 0.9.1
Using jekyll-sitemap 1.0.0
Using jemoji 0.8.0
Using minimal-mistakes-jekyll 4.3.1 from source at `.`
Bundle complete! 3 Gemfile dependencies, 39 gems now installed.
Use `bundle show [gemname]` to see where a bundled gem is installed.
Post-install message from nokogiri:
Nokogiri is built with the packaged libraries: libxml2-2.9.4, libxslt-1.1.29, zlib-1.2.8, libiconv-1.14.
Post-install message from html-pipeline:
-------------------------------------------------
Thank you for installing html-pipeline!
You must bundle Filter gem dependencies.
See html-pipeline README.md for more details.
https://github.com/jch/html-pipeline#dependencies
-------------------------------------------------

plantilla con lanyon

otra plantilla

plantilla simple

  • nueva y simple
  • basada en la plantilla minima para desplegar en GitHub-Pages como documentación simple para un proyecto

lanyon

plantillas interesantes

plantillas

cms

  • con forestry
  • para uso personal tiene una oferta interesante
  • PERSONAL
    • $ 0 PER MONTH
    • 1 User
    • Community support
    • Git sync
    • GitHub, GitLab, etc.
    • Automatic build & deploy
    • Host anywhere
    • Amazon S3, GitHub Pages, FTP, etc.
    • 100% Jekyll plugin support
    • Preview in staging environment

cambios en config

  • para resolver problemas con paginate

    #but you haven't included the `jekyll-paginate` gem. Ensure you have `gems: [jekyll-paginate]` in your configuration file.

gems: [jekyll-paginate]

  • problemas con permalink

    # para resolver problemas con Since v3.0, permalinks for pages in subfolders must be 
relative to the site source directory, not the parent directory. Check http://jekyllrb.com/docs/upgrading/ for more info.
# https://github.com/poole/lanyon/issues/124

# relative_permalinks: true

plantillas propias

plantillaJekyll simple

plantillaSimpleJavier

utilidades