• # merci pour la découverte…

    Posté par  (site web personnel, Mastodon) . Évalué à 3.

    …Chroma m’a l’air chouette en vrai :) et ça connait BNF :p

    Shiki m’a fait peur dès que j’ai vu npm ; mais bon on part de VSC…
    Maintenant, comme il s’agit de pages statiques, pourquoi ne pas embarquer directement le source en HTML ?

    “It is seldom that liberty of any kind is lost all at once.” ― David Hume

    • [^] # Re: merci pour la découverte…

      Posté par  (site web personnel) . Évalué à 2.

      Pas sur d'avoir compris la question, avec Gin, je fais la colorisation syntaxique à la compilation justement, la ou avec Hugo je devais le faire côté client.

      https://link-society.com - https://kubirds.com

      • [^] # Re: merci pour la découverte…

        Posté par  (site web personnel, Mastodon) . Évalué à 3.

        Ah… J’ai lu « For Letlang, I chose Hugo. » et non Gin.

        Sinon pour la question (ou plutôt la remarque/réflexion que je me faisais tout haut), en vrai Markdown tu peux mettre du HTML donc autant inclure directement les portions de code (ou mieux si ton markdown te permet de lier des fichiers comme on le ferait pour des images…) au lieu de lancer un arsenal de JS pour faire ce traitement (c’est ce que je crois comprendre que fait Shiki)
        La coloration est toujours faite côté client en interprétant les feuilles de styles.

        “It is seldom that liberty of any kind is lost all at once.” ― David Hume

        • [^] # Re: merci pour la découverte…

          Posté par  (site web personnel) . Évalué à 2.

          Ah oui je me suis peut être mal exprimé.

          J'ai initialement choisi Hugo, mais parce que je ne pouvais pas lui filer ma propre grammaire TexMate pour coloriser le code Letlang, j'ai d'abord utilisé Shiki côté client (qui donc parse le code et ajoute le style CSS côté client), pour ensuite faire Gin qui utilise Shiki directement côté "serveur".

          Quand je dis "la coloration se fait à la compilation" je parle de parser le bloc de code pour le transformer en <pre><code>...</code></pre> avec plein de <span style="...">...</span>. Bien évidemment le rendu final est fait par le navigateur.

          https://link-society.com - https://kubirds.com

  • # sans tracker medium

    Posté par  . Évalué à 1.

Suivre le flux des commentaires

Note : les commentaires appartiennent à celles et ceux qui les ont postés. Nous n’en sommes pas responsables.