Blog d'un Éternel Geek

Le courant statique Open Source Github : 6 CMS pour vous faire changer d'avis

http://vivageek.livehost.fr/data/images/news/info/git.jpg

Finis les bases de données monstrueuses qui font ralentir les sites web. Avec la progression du hacking de CMS et des exploits divulgués autour des grands noms de plateforme dynamique web, la population internaute peu à peu se décide à quitter le confort du tout en clic pour les CMS Statiques.

 

Pas de BDD, pas de souci.

 

En effet, ce qui cause le plus de problème sur un site reste évidemment les problèmes rencontrés assez souvent au niveau des serveurs.

 

Beaucoup de webmaster débutant se rendent compte que leur hébergement mutualisé à bande passante illimité n'est en fait qu'un leurre.

 

Alors que Faire ? La solution est de faire comme beaucoup de blogger ces dernières années qui ont choisis de passer sur des CMS ou Framework de type statique. Mais attention, on peut être un site statique comme VivaGeek et avoir de la gueule et bouger quand même comme on va le voir ensemble.

 

Une tendance héritée de Github

 

Né de l'ouverture de git au service d'hébergement free, des projets ont proposés des CMS permettant de créer des blogs statiques.

 

Il y en a pour tous les goûts python, Ruby ou PHP.

 

 

Statique mais pas Que

 

 

Le statique c'est fantastique, le dynamique c'est Archaïque

 

Le statique ne veut pas dire pas de PHP. On peut très bien faire un site tout en PHP et être statique. Le concept qui recaler le site statique aux seules HTML et CSS est loin derrière nous. Cela signifie seulement qu'il n'y a aucune interaction avec la base de donnée.

 

 

Vous comprendrez que si l'on ne stocke rien, il n'y a pas de problèmes de sécurité. Regardez VivaGeek vous désirez vous abonner ? Allez y seule moi aurais vos coordonnées et si vous ne voulez plus je vous delete sur demande en 2 secondes.

 

 

La base de données si elle est piratée, vos coordonnées seront transmises à n'importe qui et cela est autant grave pour le webmaster que pour vous l'internaute.

 

De même, vous remarquerez que les commentaires sur VivaGeek ne demandent pas obligatoirement de mail, seul un pseudo suffit.

C'est un choix. Le choix de l'open source et de la transparence. Alors si vous aussi souhaitez expérimenter ce domaine et plus encore sur Github n'hésitez pas.

 

Jekyll

 

http://vivageek.livehost.fr/data/images/news/info/jekyll.png

 

 

 

 

Il propose un projet en Ruby donc vous devrez l'avoir installé sur votre système auparavant. Mais ensuite vive la liberté sans BDD. Un site n'a plu besoin forcément de codage poussé pour exploiter ces capacités, on l'a vu avec l'arrivé de la Vidéo HTML. Et c'est tellement plus gratifiant pour le webmaster.

 

 

Je vous l'ai dit Google apprécie les pages qui donne du contenu de valeur et plus les quantités astronomiques d'articles.

 

 

La qualité mais plus la quantité.

 

 

Pour installer Jekyll :

Les dépendances avant tout :

 

$ sudo apt-get install ruby1.9.1

 

Puis ensuite, installer jekyll :

 

$ gem install jekyll

 

Le projet a tellement plu qu'il est même intégrer sur Github comme on peut le voir : https://pages.github.com/

 

L'intégration permet de se retrouver avec un vrai petit blog open source assez sympathiques je trouve.

 

Voici quelques exemples de blog :

http://www.barryclark.co

http://zachholman.com

http://csswizardry.com

https://developmentseed.org

 

 

Comme vous pouvez le voir ils n'ont rien à envier à Wordpress sauf que vos pages tourne à la vitesse de l'éclair.

 

 

La rapidité et la fluidité au détriment de plug-in à foisons.

 

 

Plutôt pas mal pour du statique. D'ailleurs beaucoup de blogger Wordpress sont passé du côté de Jekyll.

 

 

C’est vraiment génial pour la vitesse de chargement parce qu’aucun appel de Database n’est réalisé quand une page est chargée.

 

 

Octopress

 

http://vivageek.livehost.fr/data/images/news/info/octopress.jpg

 

 

Vous allez me dire un poulpe comme blog, pourquoi pas ?

Celui-ci est un peu comme une extension de Jekyll mais plus abordable et comprends plus de fonctions. Il est fourni en code source avec thèmes et plugins.

 

 

Sculpin

 

http://vivageek.livehost.fr/data/images/news/info/sculpin.png

 

 

Décidemment, on est à fond les poissons dans le statique. C'est un site statique complètement codé en PHP. Il est sur que pour ceux qui ont du mal avec Ruby auront peut être ici plus de facilité.

 

Voici quelques exemples :

 

http://m35dev.com

http://future500.nl

 

 

L'installation est basique :

 

curl -O https://download.sculpin.io/sculpin.pharchmod +x sculpin.phar

 

Sur cette page vous aurez toutes les explications nécessaires : https://sculpin.io/getstarted

 

 

 

Middlemanapp

 

http://vivageek.livehost.fr/data/images/news/info/middle.png

 

 

Installation :

 

$ gem install middleman

 

Cela permet d'installer Middleman, ses dépendances et les outils de ligne de commande pour l'utilisation de Middleman.

 

Le processus d'installation va ajouter une nouvelle commande à votre environnement, avec 3 fonctions utiles:

 

$ middleman init

$ middleman server

$ middleman build

 

pelican

 

http://vivageek.livehost.fr/data/images/news/info/pelican.jpg

 

 

Comme il en fallait pour tous les développeurs j'ai pense mettre Pelican qui lui est en langage Python.

 

Il possède un blog qui répertorie toutes les actions comme l'installation et divers autres paramétrages : http://docs.getpelican.com/en/3.6.2/index.html

 

 

Hubpress

 

 

http://vivageek.livehost.fr/data/images/news/info/hubpress.png

 

 

Encore un bien bel aspect du partage open source et free pour Github. Plus que des mots je mets la vidéo qui résume les possibilités générales de Hubpress.

 

 

 

 

 

Mais on a oublié l'essentiel Github. Nous allons utiliser github.com pour héberger notre site web statique dans un repository (un dossier). Ce service incontournable permet de stocker le code du site, de le versionner, et de le publier gratuitement sur Internet dans des conditions optimales (CDN, anti-DDoS…)

 

 

Il en résulte

 

  • pas de maintenance
  • pas de risque de hacking
  • performances optimales
  • liberté totale

 

Attention : tous les fichiers hébergés sur votre compte Github gratuit sont publics, à moins de souscrire à un compte privé payant, donc n’y stockez rien de sensible/secret.

 

Commentaire mon cher Watson

 

Quand on parle statique on se dit Mince mais pour les commentaires comment faire ?

 

Un site statique peut à l'ordre d'aujourd'hui inclure quelques techniques qui lui permettront d'avoir de la gueule comme par exemple les systèmes de commentaires.

 

On a pas mal de service gratuit qui donne la possibilité d'avoir de beaux commentaires en suite de nos articles si l'on ne souhaite pas le coder soi-même.

 

Disqus ce n'est plus que pour Wordpress comme la plupart des plug-in qui suivent la tendance en s'ouvrant à l'open source pour tous types de support.

 

Et c'est plutôt bien pour les fervents du statique.

 

Mais vous avez aussi Facebook, Twitter ou encore Google qui fournis des systèmes gratuits de commentaires pour blog à installer facilement.

 

Ils ont tous leurs bon et mauvais côté mais je pense que c'est en testant que l'on peut se donner une meilleur idée.

 

Un Nom pour mon Git

 

Le nom ne vous plait pas et vous souhaitez vous débarrasser de gituhb.io :

http://lenomdevotreblog.github.io

 

Pas de soucis il suffit d'acheter sur Gandi, OVH ou un autre un NDD et de changer sur votre compte Github.

 

Github donne des informations pour changer les DNS : https://help.github.com/articles/tips-for-configuring-a-cname-record-with-your-dns-provider

 

 

Un peu plus Jolie SVP

 

Beaucoup de service gratuit sur internet vous fourniront des Template permettant de personnaliser votre blog comme l'excellent html5up.

 

 

Rester en contact

 

 

Il ne vous restera plus qu'a mettre un système de contact en place soit en le codant vous-mêmes, soit en utilisant encore un service tiers :

 

 

Typeform et JotForm propose des premières entrées gratuites.

 

 

Il ne vous restera plus qu'à publier vos premiers postes et à profiter de votre blog gratuit héberger sur du gratuit, complètement open source et avec une protection native gratuite de par son affiliation Github.

 

 

Si Markdown vous bloque un peu et que vous souhaitez retrouvez un bon vieux WYSIWYG, inscrivez vous sur Prose directement lié à Github.

 

 

Conclusion

 

 

Voila il n'y a plus qu'à. Je pense que vous suivrez peut être cet élan qui pousse de plus en plus les webmasters à lâcher leur serveur exorbitant, leur CMS remplies de faille (patcher continuellement en urgence), leur BDD sujets au bugs et ralentissement diverses.

 

VivaGeek lui-même est un site statique et pourtant il est dynamique, il bouge et il est visuellement sympa. Je l'améliorerais encore.

 

Vous sentez ce vent de liberté qui a soufflé durant la lecture de cet article. Ce courant risque de continuer et peut être d'ébranler certain standards du web. L'avenir nous le dira.

 

Merci à bientôt.

 

Si les articles vous plaisent partager les sur vos réseaux sociaux. Il n'y a pas de petite pub pour un petit blog.

 

 






 Geek me     Je suis un Geek dans l'âme. 18 ans à silloner internet pour récolter des informations afin de comprendre son fonctionnement. Idéalement j'étudie également le comportement humain.

C'est afin de vous partager mes connaissances que j'ai ouvert ce blog alors je vous souhaite une bonne lecture.



À lire également


2 commentaires

1 - mardi 11 août 2015 @ 13:24 Anthonny a dit :

Bonjour,
Je suis le créateur d'HubPress et je tenais à vous remercier pour avoir cité HubPress parmi tant d'excellents produits

Merci :)

2 - mercredi 13 avril 2016 @ 08:12 artisan serrurier meudon a dit :

Merci beaucoup pour cet extrait de littérature. Sympa.

Écrire un commentaire

Votre adresse de messagerie ne sera pas publiée.

Quelle est la cinquième lettre du mot tnochv ? :