Comment est fait ce site

Base

Site fait avec Niepce. Il est herbergé sur une machine accessible en SSH. Le déploiement est fait à partir d'un Gitlab, voici le fichier .gitlab-ci.yml que j'utilise :

stages:
  - build
  - deploy

eleventy:
  stage: build
  image: node:lts
  cache:
    key: "$CI_JOB_NAME"
    paths:
      - node_modules/
  script:
    - npm install
    - npm run build
  artifacts:
    paths:
      - _site/
  tags:
    - docker
  only:
    - main

rsync:
  stage: deploy
  script:
    - rsync -avz --delete _site/ xxx@127.0.0.1:/path/to/site/
  tags:
    - shell
  only:
    - main

Sur ce Gitlab, il y a 2 runners, un pour docker et un pour en mode shell pour lancer des commandes ssh :

  • La partie build construit le site et le met dans le dossier _site.
  • La partie deploy envoi le contenu du dossier _site vers le serveur web via rsync.

J'utilisait un système similaire à base de Hugo pour un de mes anciens site.

La mise en ligne est faite uniquement sur la branche main

Ajout

J'ai personnalisé Niepce, voici les changements que j'ai fait.

Brouillon

J'ai ajouté la fonctionnalité de brouillon pour les articles : https://www.11ty.dev/docs/config-preprocessors/#example-drafts

Code : Commit 8ce4c7d83dd843a17e41678440ab2150c0f42b20

Ensuite je rajoute draft dans l'entête d'un article afin qu'il ne soit pas mis en ligne. Il sera quand même visible en local avec via npm run start

---
title: Comment est fait ce site
date: 2026-05-20
draft: true
---

Date en Français

Code : Commit 9a6081499c9086d96c3c3a22bb4210ace5c59ac8

Modèle d'objectif

J'ai ajouté l'affichage de la marque et du modèle d'objectif

Code : Commit 94807f5a654fb81e80908097e597a9f2e4a26923

Style des blocs de code

J'ai changer le css pour l'affichage de code dans les articles

Code : Commit e83421ec47399ed42368293f262022991c8788db


Autres articles