hideout-lastation.com
Paradis Pour Les Concepteurs Et Les Développeurs


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.

Comment reconnaître et gérer la dette UX

Comment reconnaître et gérer la dette UX

La dette d'expérience de l'utilisateur arrive inévitablement au fil du temps. C'est la somme des tâches de conception et d'utilisabilité en retard, dérivées de choses telles que les décisions commerciales rapides, les raccourcis de conception, les opportunités manquées, les contraintes de temps et d'autres facteurs.La dette

(Conseils techniques et de conception)

Flat 2.0 & Comment il résout les problèmes d'utilisabilité de Flat Design

Flat 2.0 & Comment il résout les problèmes d'utilisabilité de Flat Design

Le design plat a été autour dès les années 1950, lorsque le style typographique international a été développé. Ces derniers temps, il a acquis une grande popularité depuis le lancement du nouveau langage de conception de Metro axé sur la géométrie et la typographie de Microsoft, d'abord dans le nouveau Windows Phone en 2010, puis dans Windows 8 en 2012.Le design p

(Conseils techniques et de conception)