cherche_cms_pour_micro_site-realiser_un_site_web_statique

Ceci est une ancienne révision du document !


Cherche CMS pour micro site ou comment réaliser un site web statique simple et efficace ?

Donnée du problème

Où comment réaliser une page web qui affiche successivement à chaque rechargement un article différent dans un ordre donné. Avec un système très léger mais ergonomique quand à la modification des articles.

Solutions évoquées - comparatif

  • Hugo : Framework léger demandant des connaissances en : terminal unix, ssh, git + github/gitlab, markdown, CSS : ça fait bcp pour une seule page non ?
  • GRAV : Framework lourd permettant de générer des sites statiques demandant des connaissances en : terminal unix, ssh, git, markdown, PHP, YAML, HTML, CSS, Javascript : hors sujet donc, au même titre que Jekyll.
  • Gatsby Pour faire des sites rapides et solides avec 2000+ plugins
  • PicoCMS Un CMS flat file “simple et stupide” mais aussi rapide avec une application Nextcloud pour l'associer à son nuage
  • Pelican qui sert pour le site suivant https://solar.lowtechmagazine.com/fr/
  • GetPublii CMS statique avec GUI pour créer des sites web sûrs, rapides et élégants.
  • Typesetter CMS The Faster and Easier CMS
  • PrettyNoemieCMS Utilisé par Framasite, léger et élégant
  • Void : Très simple d'utilisation, demandant des connaissances en : markdown, FTP (+ CSS pour designer un peu si besoin).
  • Bloggggg is a simple blogging tool. Responsive (mobile phone, tablet). Search by #tag available. Flat files (no database). Uses Markdown syntax.+ made by Joseph
  • pmWiki : C'est un wiki (ya rien d'autre à dire, ça suffit :p ).
  • Logz : Easter Egg de la liste.
  • Lektor un extra-terrestre qui est un entre deux entre le CMS et le “flat files” statique.
  • HTML / CSS : quitte à apprendre un truc, autant que ça serve dans le futur, suis la voie du sage
  • Grow Grow est un générateur de site statique optimisé pour la construction de microsites localisés hautement interactifs.
  • Sutty Site web statique, projet orienté vers les activistes, code source ici
  • 11ty S'appuie sur NodeJS, Eleventy a été créé en JavaScript comme alternative à Jekyll.
  • Cecil Une initiative française : pas de serveur ni base de données, performances et sécurité
  • WordPress : ne demande aucune connaissance lourde à apprendre avant de pouvoir créer un contenu, mais effectivement, c'est un moteur complet pour 1 seule page (encore que c'est discutable). Demande d'installer le site par FTP (ou en 1 click chez certains hébergeurs), et de le relier à une base de données.
  • HotGlue pas complètement frugal mais un moteur de site qui marche à la colle
  • Tina Tina permet aux développeurs de créer une expérience d'édition visuelle personnalisée avec controle de version via Git, parfaitement adaptée à leur site web ou à leur application, tout en prenant en charge un large éventail de types de contenu tels que Markdown, MDX et JSON.

Ressources, références

Solution Hugo par Max. B

Tout est déjà fait ici https://gitlab.com/pages/hugo ^^.

Tuto pour créer un site web avec hugo déployé automatiquement sur gitlab-pages

Voici un petit tuto en français, à la fraiche du matin, il faut compter moins de 30 min.

Mon dépôt de ce tuto sur framagit : https://framagit.org/mxbossard/test-hugo/ Site démo réalisé avec ce tuto ce matin : https://mxbossard.frama.io/test-hugo/

Pour tester sur son pc, avec un terminal

  1. Tu commence par installer git si tu ne l'a pas déjà : sudo apt-get install git
  2. Ensuite tu clone le dépôt avec : git clone https://gitlab.com/pages/hugo.git
  3. Là, il faut s'accrocher, c'est probablement le plus compliqué, installer hugo (pleins de possibilités), je propose la méthode officiel : https://gohugo.io/getting-started/installing/
  4. Tu entre dans ce répertoire du projet git avec la commande : cd hugo
  5. Tu configure la première ligne du fichier config.toml comme suit : baseurl = “/”
  6. Tu édite le fichier .gitlab-ci.yml en modifiant la ligne '- hugo' par '- hugo –baseURL https://MON_COMPTE.frama.io/MON_DEPOT/'
  7. Tu démarre le serveur de test en local avec la commande : hugo server
  8. Tu visualise le rendu à l'adresse : http://localhost:1313/
  9. Le site ce paramètre dans le fichier config.toml
  10. Ensuite, on peut modifier les fichiers qui correspondent chacun à une page dans le repertoire content/

Pour déployer

  1. Je suppose que tu as un compte framagit (ou gitlab). Ton compte s'appele MON_COMPTE. Nous allons y créer en ligne de commande le dépot MON_DEPOT.
  2. Tu versionne tout avec git : git add -A ; git commit -m “Initialisation de mon site avec hugo et gitlab-pages.”
  3. Tu ajoute ton dépot sur ton espace framagit (ou gitlab) : git remote add monDepot https://framagit.org/MON_COMPTE/MON_DEPOT.git (attention, si ton dépot s'appelle “monSite”, l'URL se termine par “/monSite.git”)
  4. Tu créé ce nouveau dépôt MON_DEPOT sur ton espace : git push –set-upstream monDepot master (attention, le dépôt sera privé par défaut, tu peux le rendre public dans les options de framagit)
  5. Ton site web est déjà en cours de déploiement. Tu peux suivre le pieline ici : https://framagit.org/MON_COMPTE/MON_DEPOT/pipelines
  6. Quand tout est vert ton site est déployé ici : https://MON_COMPTE.frama.io/MON_DEPOT/

Pour pousser des modifications

  1. Tu modifie le fichier config.toml, les contenus dans le repertoire content/ dans lequel tu peux ajouter de nouvelles pages, et eventuellement le thème dans le repertoire themes/beautifulhugo/
  2. Lorsque tu juge que c'est publiable, tu commit avec : git add -A ; git commit -m “MON_MESSAGE”
  3. Tu publie avec la commande : git push

Existe t'il quelque chose d'une qualité pro aussi avancé plus simple ?

Pour aller plus loin :

Solution en python

cherche_cms_pour_micro_site-realiser_un_site_web_statique.1776205396.txt.gz · Dernière modification : de Labomedia