Jekyll est un générateur de site statique qui est parfait pour les blogs hébergés sur GitHub (Repository Jekyll)
Jekyll Now facilite la création de votre blog Jekyll, en éliminant plein de réglages en amont.
- Vous n'avez pas besoin de toucher la ligne de commande
- Vous n'avez pas besoin d'installer/configurer ruby, rvm/rbenv, ruby gems
☺️ - Vous n'avez pas besoin d'installer des dépendances de runtime comme les processeurs markdown, Pygments, etc
- Si vous êtes sur Windows, ceci facilitera grandement l'installation de Jekyll
- C'est facile d'essayer, vous pouvez simplement effacer votre repository forké si vous n'aimez pas
En quelques minutes, vous aurez installé un blog minimal, responsive comme celui que vous voyez en-dessous vous laissant un peu de temps pour raffiner quelques billets de blog épiques sur l'indieweb ou la mise en route vers une décentralisation de l'internet !
Forkez ce repo, puis renommez-le en votrenomutilisateur.github.io.
Votre blog Jekyll sera souvent visualisable instantanément sur http://votrenomutilisateurgithub.github.io (si ce n'était pas le cas, vous pouvez le forcer à se construire en achevant l'étape 2)
Entrez votre nom de site, la description, l'avatar et plein d'autres options en éditant le fichier _config.yml. Vous pouvez aussi aisément activer le suivi Google Analytics, des commentaires Disqus et quelques icônes sociales.
Produire une modification sur le fichier _config.yml (ou tout fichier dans votre repository) forcera GitHub Pages à reconstruire votre site avec jekyll. Votre site reconstruit sera visualisable quelques secondes plus tard sur http://votrenomutilisateur.github.io
Il existe 3 façons différentes pour faire des modifications sur les fichiers de votre blog :
- Éditer les fichiers dans votre nouveau repository nomutilisateur.github.io à l'intérieur de votre navigateur directement sur GitHub.com (présenté en-dessous).
- Utiliser un éditeur de contenu GitHub tiers, comme Prose de Development Seed. Il est optimisé pour fonctionner avec Jekyll et faciliter la production d'édition markdown, l'écriture de brouillons et le téléversement d'images.
- Clonez votre repository sur votre machine et produire les mises à jour localement, puis les pousser vers votre repository GitHub.
Éditez /_posts/2014-3-3-Hello-World.md
pour publier votre premier billet de blog. Cette Anti-sèche Markdown pourra s'avérer pratique.
Vous pouvez aussi ajouter des posts supplémentaires dans le navigateur sur Github.com ! Pressez simplemnet l'icône + dans
/_posts/
pour créer un nouveau contenu. Assurez-vous juste d'inclure bloc front-matter tout en haut de chaque post de blog et assurez-vous que le nom de fichier suive ce format : année-mois-jour-titre.md
- Clonez localement votre fork
git clone git@github.com:votrenomutilisateur/votrenomutilisateur.github.io.git
- Installez Jekyll
gem install jekyll
- Installez les plug-ins que nous utilisons
gem install jemoji jekyll-sitemap
- Servez le site et regardez les modifications markup/sass
jekyll serve --watch
- Visualisez votre site sur http://0.0.0.0:4000
- Committez toutes les modifications et poussez tout sur la branche master de votre repository utilisateur GitHub. GitHub Pages reconstruira et servira votre site web.
Cette localisation est un fork de Barry Clark qui vous délivrera un parcours plus détaillé Build A Blog With Jekyll And GitHub Pages sur le site web de Smashing Magazine. Regardez-le si vous souhaitez tout un parcours bien plus détaillé et quelque historique sur Jekyll. 🤘
Cela couvre :
- Un parcours plus détaillé d'installation de votre blog Jekyll
- Les problèmes connus que vous pourriez rencontrer en utilisant Jekyll
- L'importation à partir de WordPress, en utilisant votre nom de domaine, et le blog dans votre éditeur favori
- Les thèmes dans Jekyll, avec des exemples de thèmes Liquid
- Un rapide aperçu des nouvelles fonctionnalités de Jekyll 2.0, y compris le support de Sass/Coffeescript et des Collections.
✓ Pas de ligne de commande. Un simple workflow-fork, utilisant GitHub.com pour créer, personnaliser et poster sur votre blog
✓ Thème de base totalement responsive et optimisé pour mobile (Thème Demo)
✓ Support de Sass/Coffeescript utilisant Jekyll 2.0
✓ Hébergement gratuit sur vos site d'utilisateur de Pages GitHub
✓ Blog en Markdown
✓ Mise en valeur de la syntaxe
✓ Commentaires Disqus
✓ Intégration Google Analytics
✓ Icônes sociales SVG pour votre pied de page
✓ 3 requêtes http, y compris votre avatar
✓ Emoji dans le blog posts! 💖 💖 💖
✘ Aucune installation de dépendances ✘ Aucun besoin de paramétrer un développement local ✘ Pas de plugins de configuration ✘ Aucun besoin de passer du temps sur la production de thèmes ✘ Plus de temps pour coder d'autres trucs ... attendez ✓!
Ouvrez une Issue et discutons !
Si vous aimeriez me faire savoir quand je sors un nouveau thème, laissez-moi simplement votre e-mail pour les mises à jour. Je suis en train de travailler actuellement sur un site portfolio de thèmes de hackers.
Vous pouvez utiliser le workflow Quick Start avec d'autres thèmes qui sont paramétrés pour être forkés ! Voici quelques-uns de mes préférés :
- Hyde par MDO
- Lanyon par MDO
- mojombo.github.io par Tom Preston-Werner
- Left par Zach Holman
- Jekyll - Merci à ses créateurs, contributeurs et mainteneurs.
- Icônes SVG - Merci à Neil Orange Peel. Elles sont splendides.
- Solarized Light Pygments - Merci Edward.
- Joel Glovier - Superbes articles sur Jekyll. J'ai utilisé le feed.xml de Joel dans ce repository.
- David Furnes, Jon Uy, Luke Patton - Remerciements pour les révisions de design/code.