jekyll starter blog

Plantilla de blog inicial de Jekyll

Sitio generado estático diseñado para desarrolladores que desean escribir publicaciones de blog alojadas en alojamiento estático (por ejemplo: páginas de Github).

Sitio web de demostración: https://sutanlab.js.org/jekyll-starter-blog

Características

• Sencillo, automatizado y rápido
• SEO optimizado
• Compatible con dispositivos móviles (Agregar a la pantalla de inicio)
• Sistema de comentarios con Disqus
• Búsqueda en vivo
• Paginación AJAX
• Feed RSS
• Mapa del sitio
• Texto de robots
• Script de Shell para crear publicaciones e implementar automatización en páginas de github

Requerido en el sistema

1. NodoJS
2. Rubí

Configuración

1. Instalar los requisitos
2. Blog inicial de Fork Jekyll
3. Clona o descarga el repositorio que acabas de bifurcar
4. Vaya a la carpeta que acaba de clonar o descargar y ejecute npm install para instalar todas las dependencias de npm y del paquete.
5. Consulte las publicaciones de muestra en _posts para ver ejemplos de asignación de categorías y etiquetas.
6. Lea la documentación a continuación para obtener más información y documentación sobre personalización.

Configurando su sitio web

Ve y edita _config.yml

 # Site settings
name : Sutanlab Blog
title : Gading Nst. - Coder
description : A blog and journal about Gading Nst, Junior Developer
baseurl : " /jekyll-starter-blog " # the subpath for your site default is ""
url : " https://sutanlab.js.org " # the base hostname & protocol in your domain (e.g: https://sutanlab.github.io)

# Author Setting
username : Gading Nst.
user_description : Learner, Coder & Coffee Maniac
user_title : Welcome to My Blog Site
avatar_url : /jekyll-starter-blog/assets/img/sutan.jpeg
email : [email protected]
github_username : sutanlab
disqus_username : sutanlab
facebook_username : sgnzst
instagram_username : sutan_gnst
twitter_username : sutan_gnst
medium_username : sutan.gnst

...

Personalización del tema

Vaya y edite _variables.scss en la carpeta src/sass

 // theme color
$main : #2c3e50 ;
$sidemenu : #242f3a ;
$hover : darken ( $main , 50 % );
$sec : #FFFFFF ;
$lightGray : #F2F2F2 ;
$texts : #333333 ;
$colorcode : #3085F4 ;
$loader-color : #FFFFFF ;

/* *
  * adjust with your disqus theme
  * if your disqus theme is dark, the color should be darken. 
  * if your disqus theme is light, the color should be lighten
*/
$comment-theme : #304165 ; 

// responsive cut
$cut : 37.5 rem ;

Crear nueva publicación con el comando post.sh

Simplemente siga el comando ./post -c Post Title para crear una nueva publicación. La nueva publicación se creará en _posts con formato .md . Y cuando creas una nueva publicación, debes completar la información de la publicación al principio, sigue este ejemplo:

 ---
layout : post
title : Post Title
date : 2019-05-02 16:32:44
image : /assets/img/blog/post-image.png
description : First steps to use this template
tags :
  - jekyll 
  - template
categories :
  - I love Jekyll
twitter_text : How to install and use this template
keywords : jekyll, template, my post
---

Para otro comando ./post.sh :

• ./post -h instrucciones de salida
• ./post -c $TITLE crear publicación
• ./post -d $TITLE crear borrador de publicación
• ./post -p $TITLE publicar/promocionar un borrador a una publicación

Cómo implementar un sitio en Github Pages

1. Recuerde ejecutar npm run build para compilar sass, js y crear archivos del sitio antes de implementar el sitio.

2. npm run deploy para implementar en otra rama que se encuentra en las páginas de github

3. O puede utilizar la implementación de automatización con ./deploy.sh

Cómo ejecutar el servidor en local para el desarrollo

ejecute npm start o bundle exec jekyll server --host=$IP_ADDR --port=$PORT

Apóyame

Global

Indonesia

• tractor
• Karyakarsa

---

Copyright © 2019 por Gading Gading Fadhillah Nasution