jekyll starter blog

Modelo de blog inicial do Jekyll

Site gerado estático projetado para desenvolvedores que desejam escrever postagens de blog hospedadas em hospedagem estática (por exemplo: páginas do Github).

Site de demonstração: https://sutanlab.js.org/jekyll-starter-blog

Características

• Simples, automatizado e rápido
• Otimizado para SEO
• Compatível com dispositivos móveis (adicionar à tela inicial)
• Sistema de comentários com Disqus
• Pesquisa ao vivo
• Paginação AJAX
• Alimentar RSS
• Mapa do site
• Robôs Texto
• Script de shell para criar postagens e implantar automação nas páginas do GitHub

Obrigatório no sistema

1. NodeJS
2. Rubi

Configurar

1. Instale os requisitos
2. Blog inicial do Fork Jekyll
3. Clone ou baixe o repositório que você acabou de bifurcar
4. Vá para a pasta que você acabou de clonar ou baixar e execute npm install para instalar todas as dependências do npm e do bundler
5. Confira os exemplos de postagens em _posts para ver exemplos de atribuição de categorias e tags
6. Leia a documentação abaixo para obter mais dicas de personalização e documentação

Configurando seu site

Vá e edite _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

...

Personalização do tema

Vá e edite _variables.scss na pasta 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 ;

Crie uma nova postagem com o comando post.sh

Basta seguir o comando ./post -c Post Title para criar uma nova postagem. A nova postagem será criada em _posts com formato .md . E ao criar um novo post, você precisa preencher as informações do post no front-matter, siga este exemplo:

 ---
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 outro comando ./post.sh :

• ./post -h instruções de saída
• ./post -c $TITLE criar postagem
• ./post -d $TITLE cria rascunho de postagem
• ./post -p $TITLE publicar/promover um rascunho para uma postagem

Como implantar site nas páginas do Github

1. Lembre-se de executar npm run build para compilar sass, js e construir arquivos do site antes de implantar o site

2. npm run deploy para implantar em outra ramificação que está nas páginas do github

3. Ou você pode usar a implantação de automação com ./deploy.sh

Como executar o servidor localmente para desenvolvimento

execute npm start ou bundle exec jekyll server --host=$IP_ADDR --port=$PORT

Apoie-me

Global

Indonésia

• Trakteer
• Karyakarsa

---

Copyright © 2019 por Gading Gading Fadhillah Nasution