Installer l’environnement :
Ruby
Jekyllsudo apt-get install ruby-full
gem install jekyll
Créer le premier site :
Se placer dans le dossier où le créer
Créer le site "CV" :cd Documents/jekyll/
Lancer le serveur intégré pour voir le résultat (et tous les changements grâce à -w)jekyll new CV
cd CV
Résultat visible à cette adressejekyll serve -w
Le fichier _config contient la configuration générale du blog, le dossier _layout contient les templates qui serviront à générer les pages. Le dossier _post contient les articles et le dossier _site contient le blog généré. C’est ce dernier dossier qu’il faudra placer sur votre serveur si vous souhaitez publier votre blog. (http://www.toam.fr/20-05-2013-guide-demarrage-jekyll/)http://127.0.0.1:4000/
Versionner le site :
Installer git :
Créer le dépôt (dans le répertoire du site) :sudo apt-get install git-core
git init
git config user.name "cybermonde.org"
git config user.email "webmaster@cybermonde.org"
git add .
git commit -m "Version initiale"
Installer l'éditeur Atom :
Télécharger :
Installer (via Logithèque ou autre)
Installer la documentation (pour la consulter hors connexion) :
Nécessaire :gem install jekyll-docs
Lancer :gem install jekyll-feed
gem install jekyll-redirect-from
gem install jemoji
gem install pygments.rb
Pour éviter le conflit avec le port du serveur de test, vous lancerez dans le dossier du projet :jekyll docs
Votre projet sera visible à :jekyll serve -w --port 4444
Et la documentation à :http://127.0.0.1:4444/
http://127.0.0.1:4000/
Configuration globale :
Quelques paramètres peuvent être ajustés dans _config.yml pour l'ensemble des posts, ici l'auteur :En savoir plus : https://jekyllrb.com/docs/configuration/defaults:
-
scope:
path: ""
type: "posts"
values:
author: "cybermonde.org"
Template :
Pour construire les pages, il faudra utiliser un langage de template, Liquid, dont voici les commandes :https://github.com/Shopify/liquid/wiki/Liquid-for-Designers
Aller plus loin :
- Tutoriel vidéo : https://www.grafikart.fr/tutoriels/html-css/jekyll-505
- Jekyll Date Formatting Examples : http://alanwsmith.com/jekyll-liquid-date-formatting-examples
- Jekyll Themes : http://jekyllthemes.org
- Jekyll Tips : http://jekyll.tips