Cómo crear un blog con Jekyll - Una guía para principiantes
WordPress, que humildemente comenzó como una plataforma de blogs, ahora se ha transformado en un CMS completo y muy popular. Con WordPress, puede construir (casi) cualquier tipo de sitio web, desde un portafolio hasta un sitio web de comercio electrónico.
Pero, ¿qué pasa si solo te preocupan los blogs y no necesitas funciones repletas de contenido en WordPress como la taxonomía personalizada, la administración de usuarios, la moderación de comentarios y un buen cargador de medios?
En resumen, solo quiere centrarse en escribir y publicar su contenido . Si eso es algo que tienes en mente, conozcamos a Jekyll, un motor de blogs estático.
Acerca de Jekyll
Jekyll viene con la idea de crear un blog estático (el mismo antiguo HTML), que sea fácil de mantener. En comparación con una herramienta dinámica de blogs, como WordPress, que está construida con un lenguaje de servidor como PHP, un sitio web estático tiene 2 ventajas clave.
Primero, sirve y realiza más rápido . En segundo lugar, consume menos recursos web, a saber, la memoria y la E / S de la base de datos. Además, si usas Jekyll, puedes alojar tu blog en Github Pages gratis.
Instalar Jekyll
Primero, instalemos Jekyll en nuestro sistema. Inicie Terminal y escriba la siguiente línea de comando:
sudo joya instalar jekyll
Una vez instalado, ejecuta este comando para asegurarte de que el comando jekyll
esté funcionando.
jekyll -v
El comando debería mostrar la versión de Jekyll, así:
Crear un sitio Jekyll
Para crear un nuevo blog con Jekyll, escriba jekyll
seguido de new
y el nombre del sitio en Terminal. Por ejemplo:
jekyll nuevo jekyll-blog
En este ejemplo, creó un nuevo directorio como se especifica, jekyll-blog, así como las siguientes cosas dentro de:
Escriba este comando a continuación para activar el servidor Jekyll.
jekyll servir
También puede ejecutar el servidor utilizando el indicador --watch
; de esa manera actualizará automáticamente el blog cada vez que realicemos un cambio.
Vaya al navegador y escriba http://localhost:4000
, o como se muestra en la pantalla Terminal para abrir el blog.
La estructura del documento
Jekyll aplica una estructura de documento específica que debemos seguir, para que el blog funcione correctamente. Echemos un vistazo a lo que tenemos en nuestro directorio de blog a continuación:
| - _config.yml | - _layouts | - _posts | - _site | - css `- index.html
Primero, tenemos _config.yml
; es el archivo de configuración del blog escrito en Yaml. En este archivo podemos especificar el nombre del blog, el formato de enlace permanente, el host, el número de puerto, etc.
_layouts es donde ponemos diseño personalizado para la página o publicación.
_posts es el directorio donde guardamos todas nuestras publicaciones. Todas las publicaciones deben escribirse con Markdown o Textile. Se compilarán y guardarán la salida en el directorio _site ; este es el directorio donde Jekyll servirá las publicaciones en el navegador.
Por último, tenemos css e index.html
.
Por ahora, los dejaremos como están, sin configuración personalizada. Comencemos a escribir nuestra primera publicación.
Escribir una nueva publicación
Como se mencionó anteriormente, en Jekyll, escribimos la publicación en Markdown o Textile. Hemos cubierto en el anterior sobre cómo escribir con Markdown; Es posible que desee verificar ese enlace primero antes de ir más allá.
Convenio de denominación
Para crear una publicación, también creamos un nuevo archivo que debe seguir esta convención de nombres year-month-date-{post-slug}.{file-extension}
, por ejemplo: 2014-03-11-hello-world.md
. Guarde el archivo en el directorio _posts .
Post-Front-matter
Antes de comenzar a escribir el contenido corporal de nuestra publicación, primero debemos definir la portada del mensaje, es decir, el título y el diseño de la publicación . También podemos definir las categorías de publicaciones y las etiquetas, pero estas son opcionales. Lo más importante es que la materia del frente se debe establecer dentro de la línea triple discontinua. Aquí hay un ejemplo:
--- diseño: título de la publicación: ¡Hola mundo! ---
Entonces podemos escribir el contenido:
¡Hola Mundo! Bienvenido a Jekyll. Este es tu primer post.
Guarda el archivo. Veremos el psot generado, y aparecerá en nuestro blog. ¡Bonito!
Envolver
En esta publicación, le mostramos cómo instalar Jekyll y escribir su nueva publicación, que son las cosas básicas que creo que debería conocer antes de seguir adelante con Jekyll. Hay mucho más cosas para explorar en Jekyll, y las discutiremos en futuras publicaciones. Manténganse al tanto.
Espacio de trabajo inspirador: 60 impresionantes configuraciones
Pasamos la mayor parte del día frente a nuestras computadoras. Aquí es donde se realizan todos los trabajos, se resuelven los correos electrónicos y se establecen relaciones sociales. La verdad es que la computadora se ha convertido en un elemento básico para casi todos los aspectos del estilo de vida moderno, y ahora las personas incluso están adoptando múltiples dispositivos para una mayor competencia laboral.Despu
¿Estás seguro de que debes ser un diseñador independiente?
Este artículo es parte de nuestra "Guía de la serie Freelancing", que consiste en guías y consejos para ayudarlo a convertirse en un mejor trabajador autónomo. Haga clic aquí para leer más de esta serie. ¿Estás cansado de la rutina diaria de creatividad comercial, tener que ser creativo al mando de un cliente con una idea específica en mente? Lo sé,