Hébergez votre site Web statique sur votre propre domaine via les pages Github

Hébergez votre site Web statique sur votre propre domaine via les pages Github

Saviez-vous que Github permettra à quiconque d'héberger gratuitement ses pages Web statiques? La meilleure partie est que vous pouvez même utiliser votre propre domaine personnalisé. Faisons cela!

Étape 1: Créez votre site Web

Si vous possédez déjà un site Web, vous pouvez passer à l'étape 2.

Sinon, c'est aujourd'hui une bonne journée pour commencer.

Je suggère de créer un blog. Un blog est un excellent moyen d'établir une présence en ligne plus significative. Vous pouvez en tirer parti pour créer votre propre marque en ligne personnelle.

Vous ne savez pas par où commencer? Je t'ai couvert. John Sommez de Simpleprogrammer.com propose un excellent cours par courrier électronique intitulé: Comment créer un blog qui stimulera votre carrière. C'est un excellent cours qui vous guide tout au long du processus.

Vous avez donc décidé de créer un blog. Maintenant quoi? Il existe de nombreuses façons de procéder, telles que Wordpress, Tumblr ou même Blogger.

Mais cela irait à l'encontre du but de cet article. Nous souhaitons utiliser les pages Github pour héberger gratuitement une page statique. Je recommande donc d'utiliser un générateur de blog statique.

J'utilise personnellement Jekyll pour mon blog. Mais il y en a beaucoup d'autres là-bas. Voici une liste de certains des plus populaires: Générateurs de blogs statiques. Choisissez-en un, lisez les instructions et configurez votre blog!

Étape 2: ajoutez votre site à Git Version Control

Super, vous êtes arrivé à l'étape 2. Maintenant que votre blog est prêt, mettons-le sous contrôle de version en utilisant Git. Cet article suppose que vous avez installé Git, que vous avez un compte github et que vous pouvez y pousser.

  • Cette étape est très importante: créez un simple fichier .txt et nommez-le «CNAME». Ouvrez le fichier et saisissez votre nom de domaine personnalisé. Sauvegarde le.

D'ACCORD! Démarrez votre terminal et accédez au répertoire dans lequel réside votre site. Il est temps d'initialiser le contrôle de version en entrant la commande.

$ git init

Maintenant, pour ajouter l'ensemble du projet sous git tracking. Entrer:

$ git add .

Engageons-le:

$ git commit -m “first commit”

Votre site est maintenant sous contrôle de version. Maintenant, le plaisir commence.

Étape 3: Poussez votre site sur Github

Nous sommes enfin prêts à passer à GitHub et à voir notre site s'exécuter automatiquement en ligne gratuitement!

  1. Lancez github.com et connectez-vous.
  2. Sur votre page d'accueil, cliquez sur le gros bouton vert qui dit "+ Nouveau référentiel".
  3. Pour que votre page soit automatiquement hébergée, vous devez suivre une convention de dénomination spécifique. Nommez votre référentiel "[votre-nom d'utilisateur] .github.io", laissez tout le reste tel quel et appuyez sur "Créer un référentiel".

Suivez maintenant les instructions de GitHub pour pousser votre blog vers votre nouveau référentiel.

C'est ça! Votre nouvelle page devrait apparaître sur //votre-nomdutilisateur.github.io.

Si vous ne le voyez pas tout de suite, accordez-lui quelques minutes, dix au plus.

C'est ça! Pour la plupart des gens, c'est tout ce que vous devez faire. Cependant, pour ceux d'entre vous qui souhaitent utiliser votre propre domaine personnalisé, passez à l'étape finale.

Étape 4: attribuez votre domaine personnalisé à votre nouveau site Web de pages GitHub

Cela varie en fonction de l'endroit où vous avez enregistré votre domaine. J'ai GoDaddy, donc ces instructions sont spécifiques à cela. Mais les étapes devraient être similaires avec d'autres fournisseurs de domaine. Voici comment je l'ai fait:

  1. Je me suis connecté à mon compte GoDaddy et j'ai sélectionné «gérer les domaines». J'ai sélectionné le domaine que je voulais utiliser et j'ai cliqué sur «Gérer la connexion».
  2. Sur la page «Détails du domaine», j'ai cliqué sur l'onglet «FICHIER DE ZONE DNS».
  3. Modifiez «A-Host» et pointez-le vers 192.30.252.153
  4. Maintenant, modifiez la potion www de "CName (Alias)" et pointez-la vers [votre-nom d'utilisateur] .github.io.
  5. Assurez-vous de tout enregistrer. Une fois que vous l'avez enregistré, la mise à jour complète peut prendre jusqu'à une heure.
  6. Désormais, «[votre-domaine-personnalisé] .com» doit pointer vers [votre-nom-d'utilisateur] .github.io. Mais que se passe-t-il si votre utilisateur tape "www. [Votre-domaine-personnalisé] .com" à la place? Corrigeons le problème pour que le sous-domaine www pointe également vers [votre-nom d'utilisateur] .github.io.
  7. Sélectionnez votre domaine et appuyez sur "Gérer les connexions", puis sélectionnez l'onglet "Paramètres".
  8. Sous Transfert -> Domaine, cliquez sur «gérer».
  9. Cliquez sur «Update Forwarding».
  10. Dans "Transférer à": saisissez www. [Votre-domaine-personnalisé] .com
  11. Assurez-vous que 301 (Permanent) est sélectionné, puis enregistrez votre travail.
  12. C'est ça. Attendez environ 1 heure pour que tout se mette à jour.

Permettez-moi d'être le premier à vous féliciter. Vous avez un site Web opérationnel, sous contrôle de version, avec votre propre nom de domaine - le tout hébergé gratuitement!

Publié à l'origine sur www.tauruso.com. Pour voir cet article dans toute sa splendeur et plus encore de Taurus Omejia, allez ICI!