jekyll starter blog

Modèle de blog de démarrage Jekyll

Site généré statiquement conçu pour les développeurs qui souhaitent rédiger des articles de blog hébergés dans un hébergement statique (par exemple : pages Github).

Site Web de démonstration : https://sutanlab.js.org/jekyll-starter-blog

Caractéristiques

• Simple, automatisé et rapide
• SEO optimisé
• Adapté aux appareils mobiles (Ajouter à l'écran d'accueil)
• Système de commentaires avec Disqus
• Recherche en direct
• Pagination AJAX
• Flux RSS
• Plan du site
• Texte de robots
• Script Shell pour créer des publications et déployer l'automatisation sur les pages Github

Requis dans le système

1. NoeudJS
2. Rubis

Installation

1. Installer les exigences
2. Blog de démarrage de Fork Jekyll
3. Clonez ou téléchargez le référentiel que vous venez de créer
4. Accédez au dossier que vous venez de cloner ou de télécharger et exécutez npm install pour installer toutes les dépendances npm et bundler.
5. Consultez les exemples de publications dans _posts pour voir des exemples d'attribution de catégories et de balises.
6. Lisez la documentation ci-dessous pour plus de pointeurs de personnalisation et de documentation.

Mise en place de votre site Internet

Allez éditer _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

...

Personnalisation du thème

Allez éditer _variables.scss dans le dossier 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 ;

Créer une nouvelle publication avec la commande post.sh

Suivez simplement la commande ./post -c Post Title pour créer un nouveau message. La nouvelle publication sera créée sur _posts au format .md . Et lorsque vous créez une nouvelle publication, vous devez remplir les informations de la publication dans le texte préliminaire, suivez cet exemple :

 ---
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
---

Pour une autre commande ./post.sh :

• ./post -h instructions de sortie
• ./post -c $TITLE créer une publication
• ./post -d $TITLE créer un brouillon de message
• ./post -p $TITLE publier/promouvoir un brouillon en publication

Comment déployer un site dans les pages Github

1. N'oubliez pas d'exécuter npm run build pour compiler sass, js et build les fichiers du site avant de déployer le site

2. npm run deploy pour déployer sur une autre branche qui se trouve sur les pages github

3. Ou vous pouvez utiliser le déploiement automatisé avec ./deploy.sh

Comment exécuter le serveur en local pour le développement

exécutez npm start ou bundle exec jekyll server --host=$IP_ADDR --port=$PORT

Soutenez-moi

Mondial

Indonésie

• Traktéer
• Karyakarsa

---

Copyright © 2019 par Gading Gading Fadhillah Nasution