Publier un site statique avec Github (pour peanuts)

Github est une plate­forme qui permet de stocker du code, de le versionner, et de le publier gratui­tement sur Internet.

Pourquoi un site statique ?

Les solutions CMS (de type WordPress et autres) sont largement surdi­men­sionnées lorsque l’on veut publier un site de quelques pages (voire une seule). Elles requièrent un héber­gement parti­culier (PHP ou autre), des connais­sances techniques pour l’installation, et surtout une mainte­nance à moyen/​long‐​terme.

Utiliser Github

Cet exercice a été réalisé en cours à la fois par des infor­ma­ti­ciens et des non‐​informaticiens. Chaque étudiant a ainsi pu mettre en ligne sa propre page /​mini site de présen­tation personnel et person­na­li­sable.

Adopté !

Nous allons utiliser Github. Github est une plate­forme qui permet de stocker du code, de le versionner, et de le publier gratui­tement sur Internet.

Le site fonctionnera avec HTML/​CSS (éventuel­lement Javas­cript) qui s’exécutent direc­tement dans le navigateur du visiteur.

Particularité de Github :

  • Tout ce qui est publié sera public (for the free plan)
  • Pas de base de données
  • Modifi­cation du contenu sur la plate­forme Github (nous ne verrons pas dans ce cours l’installation de git en local)

Installation d’un site sur Github en 3 min

Créez votre compte GitHub ici github​.com/

Créer un repository (dossier) GitHub. Il sera acces­sible à github​.com/​U​S​E​R​N​A​M​E​/​m​o​nsite

  • Récupérer (par exemple sur le site html5up​.net/ un modèle de site html /​css qui vous convient.
  • Le dézipper sur votre PC
  • Trans­férer le contenu du dossier dans votre repository Github (upload files)
  • Dans votre GitHub > settings > paragraphe “GitHub Pages” choisir > “master banch” comme source et dans theme chooser choisir un thème (ceci n’a pas d’influence sur vos pages mais est néces­saire pour initia­liser le réper­toire).
    Indiquer un nom de domaine si vous voulez en utiliser un. Celui‐​ci devra être paramétré chez votre registrar pour pointer sur GitHub.

Le site est acces­sible ici : USERNAME​.github​.io/​m​o​nsite

Liens

Branches et versioning dans Github
Branches et versioning dans Github

Documents

Branches et versioning dans Github
git‐​workflow‐​release‐​cycle‐​feature Source : https://​www​.grafikart​.fr/​t​u​t​o​r​i​e​l​s​/​d​i​v​e​r​s​/​g​i​t​-​w​o​r​k​f​l​o​w-478

(25 KB — png) 3 décembre 2017 Branches et versioning dans Github