Comment télécharger Jekyll sur Github

Nous avons discuté comment installer un blog Jekyll localement dans notre ordinateur, créer un brouillon, et gérer plusieurs brouillons avec l'utilisation d'un plugin dans les messages précédents. Maintenant, nous sommes prêts à déployer le blog sur le serveur en ligne, laissant le monde voir à quel point notre blog est génial.

Le déploiement de Jekyll sur un serveur en ligne est si simple, car il ne s'agit que d'un site Web statique. Tout ce dont vous avez besoin est un hébergement partagé avec un espace disque et une bande passante suffisants pour l'héberger. Le coût de l'hébergement partagé devrait être abordable. Mais encore une fois, pourquoi s'inquiéter quand vous pouvez héberger un blog Jekyll complètement gratuitement - en utilisant Github Pages.

Github offre des pages Github gratuitement pour toute personne d'héberger leurs sites Web statiques. Il a intégré Jekyll, c'est donc un bon endroit pour héberger notre blog Jekyll. Dans cet article, nous allons vous montrer comment déployer notre blog sur Github Pages .

Commencer

D'abord, vous devez avoir un compte Github. Une fois que vous en avez un, créez un nouveau référentiel. Le nom de votre référentiel sera utilisé pour l'adresse du blog au format suivant {username}.github.io/{repo-name} .

Dans cet exemple, je nommerai mon dépôt simplement comme un blog . Lorsque le référentiel a été créé, copiez l' URL de clonage .

Ajouter, valider et pousser

Nous allons télécharger nos fichiers Jekyll locaux dans notre nouveau référentiel Github. Je vais utiliser Github pour Mac pour faire le travail, qui peut être téléchargé gratuitement - Github pour Windows est également disponible pour les utilisateurs de Windows.

Lançons l'application Github, puis ajoutons notre répertoire de blog Jekyll en tant que référentiel local.

Rendez-vous sur la page Paramètres. Collez l'URL Github git clone copiée ci-dessus.

Validez et poussez les fichiers sur Github.

Allez à Github. Assurez-vous que tous les fichiers ont été téléchargés avec succès.

Github Pages Branch

Créer une page Github pour un dépôt est aussi simple que de créer une nouvelle branche git. Dans l'application Github, accédez à l'onglet Branches . Créez une nouvelle branche nommée gh-pages de la branche principale, puis cliquez sur le bouton Publier.

La nouvelle branche est maintenant enregistrée dans le référentiel Github, comme ça.

La page Github de votre référentiel devrait être prête dans quelques minutes. Quand c'est le cas, vous pouvez l'ouvrir sur les navigateurs de {username}.github.io/{repo-name}, par exemple:

Dépannage

Si le blog n'est pas stylé correctement, cela peut être dû au fait que la feuille de style n'est pas liée correctement. Pour résoudre ce problème, ouvrez le fichier default.html dans le dossier _layouts. Vous verrez que la feuille de style est initialisée avec un slash, / .

Omettez cette première barre oblique, de sorte que le chemin ressemble à ceci:

Puis validez le changement, et poussez-le à Github. Le blog devrait maintenant être affiché correctement.

Nouvelles ressources pour les développeurs Web - Octobre 2017

Ce mois-ci, Fresh Resouces va être un peu différent des mois précédents. Nous, les développeurs Web, gagnons notre vie dans une industrie en évolution rapide, et j'ai vu beaucoup d'annonces de certaines des plus grandes entreprises technologiques telles que Google, Microsoft, Firefox et PHP, qui vont changer la façon dont nous construisons la toile.Dans c

(Conseils techniques et de conception)

20 châteaux de la vie réelle tout droit sorti des contes de fées

Dans les contes de fées et les histoires au coucher, nous entendons parler de magnifiques châteaux construits sur les hauteurs. Cependant, il y a quelques châteaux de la vie réelle dans différents pays qui semblent être tout droit sorti des contes de fées .Il y a tellement de châteaux incroyables partout dans le monde qu'il était assez difficile de choisir les meilleurs. Néanmoi

(Conseils techniques et de conception)