Una página estática, es aquella que sólo contiene HTML. Es lo opuesto a una página dinámica donde cada vez que alguien la ve se genera sobre la marcha

¿Por qué usar páginas estáticas?

  • Porque cargan menos al servidor
  • Porque es mucho más rápido
  • Porque no se necesita generar el contenido cada vez  que se visualiza
  • Porque no tienes que estar pendiente de actualizaciones como ocurre con wordpress
  • Porque puedes controlar todo el proceso desde un gestor de versiones como git
  • Porque puedes usar markdown para editar (y eso lo haces sin necesitar editor)
  • Porque mola más usar algo que no usa todo el mundo 😉

Además existen importadores que nos van a permitir importar el contenido que ya tenemos en otro blog. De wordpress por ejemplo es sencillo importar con jekyll.

Instalaremos jekyll

Vamos a ver si tenemos todo lo necesario en nuestro host.

De entrada necesitamos acceso ssh, ruby  y git (porque será la base para crear los contenidos en local).

Vamos a dar por supuesto que tenemos acceso ssh, si no es el caso hay que hablarlo con quien nos da servicio de hosting.

Nos conectamos por ssh a nuestro servidor y vemos si tenemos git y ruby instalados:

$ git --version

git version 1.7.2.5

$ ruby –version

ruby 1.9.2p180 (2011-02-18 revision 30909) [i686-linux]

(Si no tenemos una versión  superior a la 1.9.1 de ruby debemos instalarla para que todo funcione, se puede instalar en el directorio de usuario)

Ahora tendremos que instalar unos complementos de ruby ( que se suelen denominar gemas), pero no podemos hacerlo normalmente en la instalación de ruby que estará en las carpetas del sistema, por lo que lo haremos en la carpeta de usuario.

Para ello editaremos el fichero .bash_profile donde se configura nuestro entorno al entrar. Usaremos el editor que más nos guste. Por ejemplo vi

sudo vi .bash_profile

y añadimos

export PREFIX=~/ruby/gems
export GEM_HOME=$PREFIX/lib/ruby/gems/1.9
export RUBYLIB=$PREFIX/lib/ruby:$PREFIX/lib/site_ruby/1.9
export PATH=$PATH:$PREFIX/lib/ruby/gems/1.9/bin

Ahora recargamos el entorno con source .bash_profile para que estén disponibles las variables que hemos definido.

Creamos los directorios donde se guardarán las gemas

$ mkdir ruby
$ mkdir ruby/gems

y las instalamos (después de armarnos de paciencia)

$ gem install jekyll
$ gem install rdiscount
$ gem install filters
$ gem install json

Podemos comprobar que todo ha ido bien con
$ gem list

Ahora vamos a crear el directorio donde estará todo el contenido del sitio con
$ jekyll new awesome-site

Cada vez que queramos actualizar la publicación haremos

jekyll build

Al lanzar este proceso se genera una carpeta dentro de nombre _site Esta carpeta es la que tendremos que publicar, es decir a la que redireccionaremos nuestro dominio.

Si quisiéramos probar podemos utilizar un servidor incluido con
jekyll serve

Una primera versión de mi sitio en <code>http://lowcostpv.elcacharreo.com/</code>

He añadido un post de prueba con el siguiente contenido, donde se ve la cabecera y el texto


---
layout: post
title: "Primer Post"
date: 2014-02-10 00:30:03
categories: jekyll update
---
___H1___
__H2__
_H3_
* un punto
* dos puntos
* tres puntos

Para importar de WordPress necesitamos instalar más gemas (se pueden importar desde muchos sistemas)

gem install jekyll-import
gem install sequels
gem install mysql2

Con todo instalado, nos vamos a la carpeta donde vamos a publicarlo y hacemos

$ ruby -rubygems -e 'require "jekyll-import";
JekyllImport::Importers::WordPress.run({
"dbname" => "",
"user" => "",
"password" => "",
"host" => "localhost",
"prefix" => "wp_",
"clean_entities" => true,
"comments" => true,
"categories" => true,
"tags" => true,
"more_excerpt" => true,
"more_anchor" => true,
"status" => ["publish"]
})'

Lo siguiente: aprender a utilizar plantillas y publicar con git

Basado en jekyll & 1and1

JAVACASM

Sistema de publicación de páginas estáticas
Etiquetado en: