cherche_cms_pour_micro_site-realiser_un_site_web_statique
Ceci est une ancienne révision du document !
Table des matières
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 ?
- 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
- Des designs open https://beautifulopen.com/
- Des ressources open source pour les sites web
- D'autres ressources libres
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
- Tu commence par installer git si tu ne l'a pas déjà : sudo apt-get install git
- Ensuite tu clone le dépôt avec : git clone https://gitlab.com/pages/hugo.git
- 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/
- Tu entre dans ce répertoire du projet git avec la commande : cd hugo
- Tu configure la première ligne du fichier config.toml comme suit : baseurl = “/”
- Tu édite le fichier .gitlab-ci.yml en modifiant la ligne '- hugo' par '- hugo –baseURL https://MON_COMPTE.frama.io/MON_DEPOT/'
- Tu démarre le serveur de test en local avec la commande : hugo server
- Tu visualise le rendu à l'adresse : http://localhost:1313/
- Le site ce paramètre dans le fichier config.toml
- Ensuite, on peut modifier les fichiers qui correspondent chacun à une page dans le repertoire content/
Pour déployer
- 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.
- Tu versionne tout avec git : git add -A ; git commit -m “Initialisation de mon site avec hugo et gitlab-pages.”
- 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”)
- 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)
- 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
- Quand tout est vert ton site est déployé ici : https://MON_COMPTE.frama.io/MON_DEPOT/
Pour pousser des modifications
- 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/
- Lorsque tu juge que c'est publiable, tu commit avec : git add -A ; git commit -m “MON_MESSAGE”
- Tu publie avec la commande : git push
Existe t'il quelque chose d'une qualité pro aussi avancé plus simple ?
Pour aller plus loin :
- la doc d'hugo : https://gohugo.io/documentation/
- git + ssh
- changer le theme
- ajouter un nom de domaine par dessus les gitlab-pages
- …
Solution en python
cherche_cms_pour_micro_site-realiser_un_site_web_statique.1776205396.txt.gz · Dernière modification : de Labomedia
