background preloader

Hugo

Facebook Twitter

Mettre en place son premier site sous Hugo · Jamstatic. Source : Up & Running With Hugo Part I: Building Your First Site de Chris Macrae Pour créer un nouveau projet avec Hugo, Forestry propose un kit de démarrage en libre téléchargement.

Mettre en place son premier site sous Hugo · Jamstatic

Que vous ayez déjà utilisé le générateur de site statique Hugo ou pas, ce kit est intéressant, car il propose une configuration complète et un workflow de développement moderne basé sur les outils de l’écosystème de npm. Chris Macrae nous montre comment s’en servir pour créer votre premier site en moins de 30 minutes. Hugo, le générateur de site statique écrit en Go, a pris la communauté de vitesse. Il présente tous les avantages d’un générateur de site statique — 100% flexible, sécurisé et rapide — mais il vole également la vedette quand on compare ses performances avec celles de Jekyll. La gestion des assets avec Hugo · Jamstatic. Depuis la version 0.43, Hugo comble un des reproches qui lui a souvent été fait, le manque de solution native pour gérer les assets, à savoir la génération de fichiers CSS et JS pour la production — et le développement).

La gestion des assets avec Hugo · Jamstatic

Cette nouvelle possibilité fait d’Hugo une solution toujours plus performante pour le développement de sites statiques. Hugo est surtout apprécié pour sa performance et son modèle de structuration de contenu, mais en ce qui concerne le traitement des fichiers CSS et JS, il fallait jusqu’ici avoir recours à l’écosystème npm, tout ça pour simplement pouvoir compiler des fichiers Sass, voire concaténer et minifier des fichiers JS. C’est désormais une dépendance dont on pourra se passer. Vous pouvez dire adieu à Webpack, Gulp et à votre package.json jamais à jour. Hugo Tutorial: Blazing Fast E-Commerce Stack with Headless CMS. In a rush?

Hugo Tutorial: Blazing Fast E-Commerce Stack with Headless CMS

Un site ecommerce statique (très performant) avec Hugo · JAMstatic. Source : Hugo Tutorial: How to Build & Host a (Very Fast) Static E-Commerce Site de Charles Ouellet C’est fou tout ce qu’on peut faire avec un générateur de site, des APis et du JavaScript.

Un site ecommerce statique (très performant) avec Hugo · JAMstatic

Et rien de mieux qu’un exemple parlant de mise en place d’une boutique de e-commerce pour illustrer les possibilités qui vous sont offertes. Dans cet exemple nous utiliserons le service Snipcart pour la gestion du panier d’achat et Hugo pour générer le site à la vitesse de l’éclair. Pressé ? Passez directement au tutoriel ou à la démo et au code dispo sur GitHub. Il est temps de nous plonger à nouveau dans le monde en perpétuel mouvement de la JAMstack et du développement web statique. Mesdames et messieurs, aujourd’hui nous allons une fois de plus vous montrer combien il est facile de configurer la partie e-commerce sur des sites statiques.

The world’s fastest framework for building websites. Noobs guide to starting a website on Hugo - Level Up Coding. ✍️ Wanna start a blog?

Noobs guide to starting a website on Hugo - Level Up Coding

# It's wonderful to start blogging, and these days, the Internet has made it extremely easy to set things up. There are various tools available that can help to achieve the same goal, while meeting different needs. If you don't really bother building things from scratch and only care about distribution, Medium is the first start. It has millions of readers, an engaged community, and the editor is simple and elegant. However, if you fancy more customisation without too much coding, WordPress, Squarespace, Weebly and Wix are among the popular options. After all, there's no single tool that fits all, and most often it comes down to personal preference.

. 🤔 Why Hugo? One of the benefits of working in tech is that you're constantly surrounded by smart people searching for alternatives - I got inspired by a coworker and started exploring alternatives to host my website without the need to pay. DIY: Site web. Créer un blog statique Hugo de A à Y. Mettre en place son premier site sous Hugo · JAMstatic. Documentation du thème Hugo Learn. Tutoriel CMS Hugo. Bonartm/hugo-quiz: a custom hugo shortcode for interactive quizzes.

Les templates Hugo pour les designers WordPress · JAMstatic. Source : Hugo Templates for WordPress Designers de Leon Barnard Loin de réinventer la roue, les gestionnaires de site statique comme Hugo s’appuient sur des conventions existantes.

Les templates Hugo pour les designers WordPress · JAMstatic

On retrouve beaucoup de fonctionnalités similaires entre un GSS comme Hugo et un CMS comme WordPress. Suite à la refonte du site de support et de documentation de Balsamiq, Leon Barnard en a profité pour pointer les similitudes des deux systèmes. Outre la concision de la syntaxe d’Hugo, c’est l’occasion pour les designers WordPress d’apprécier la souplesse apportée par la gestion de la structuration des contenus sous forme de dossiers et de fichiers, ainsi que l’importance de la convention de nommage adoptée.

L’année dernière j’avais écris un article générique d’introduction aux concepts qui se cachent derrière les gestionnaires de site statique. Migrate to Hugo. Migration de mon blog Wordpress vers Hugo sur Gitlab. Je suis (enfin !)

Migration de mon blog Wordpress vers Hugo sur Gitlab

De retour sur le blog après plusieurs mois d’inactivité. Dernièrement, le temps d’écrire m’a pas mal manqué (!) Et la migration de mon blog vers une nouvelle plateforme m’a aussi beaucoup occupé. C’est justement ce dernier point que je vais aborder aujourd’hui. Vous avez dû remarquer (j’espère…) que le style du blog a bien changé et que les performances sont bien meilleures qu’avant (j’espère aussi… !). Mon blog fonctionne avec Wordpress depuis sa création (~mai 2017).

J’avais de plus en plus l’impression d’utiliser un outil que je maîtrisais mal et qui, en plus, ne me paraissait plus adapté à mon cas d’utilisation (publier du contenu, point). L’idée était donc de partir sur quelque chose de plus souple, plus moderne, plus pérenne, plus pratique à l’usage (pour moi) et surtout plus performant (pour les autres !). Stack = ensemble de logiciels ou de composants nécessaires pour créer une plateforme complète. Créer, héberger et maintenir un site statique gratuitement. Les sites statiques sont de plus en plus à la mode (même si je suis un peu en retard je sais) et moi-même j’ai succombé et j’ai migré mon Wordpress vers du statique.

Créer, héberger et maintenir un site statique gratuitement

Dans cet article je vais expliquer comment initialiser un site simple sous Hugo et le déployer sur Netlify. Netlify Netlify est une plateforme qui permet de déployer des applications/sites “statiques” très simplement. Netlify propose pas mal d’options pour vos projets (fonctions Lambda, authentification, formulaires, …) afin que vous n’ayez à vous soucier que de vos développements. La plateforme peut-être utilisée pour de multiples types de projets (applications Angular, sites statiques, …) mais dans cet article je ferais la démonstration du déploiement de mon blog sur lequel vous êtes actuellement.

Présenter en public et GTD. Courant du mois de juin 2016 j’ai migré mon blog de Wordpress vers Hugo.

Présenter en public et GTD

Je détaille ici la méthode que j’ai suivi pour les personnes qui souhaitent faire la même chose. Ce guide est loin d'être complet ; si vous vous retrouvez bloqué à une étape, consultez la documentation officielle. Hugo Deploy.

Exemples