Ghost - Ajouter la coloration syntaxique avec Prism

Ghost - Ajouter la coloration syntaxique avec Prism
Photo by Florian Olivo / Unsplash
⚖️
Disclaimer
Ce site met à disposition des informations vérifiées, mais celui-ci ne saurait être tenue pour responsable des erreurs ou de l'indisponibilité de certaines informations. Nous remercions les utilisateurs du site de nous faire part d'éventuelles omissions, erreurs ou corrections, en vous adressant directement par le formulaire de contact.

La coloration syntaxique est l'application d'un style à votre code en fonction de sa signification. Ce n'est pas seulement une amélioration esthétique, cela améliore également sa lisibilité.

Injection de code

Dans les paramètres de votre CMS Ghost (Settings > Code injection), vous pouvez ajouter les lignes suivantes :

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/prism/1.28.0/themes/prism-tomorrow.min.css" integrity="sha512-vswe+cgvic/XBoF1OcM/TeJ2FW0OofqAVdCZiEYkd6dwGXthvkSFWOoGGJgS2CW70VK5dQM5Oh+7ne47s74VTg==" crossorigin="anonymous" referrerpolicy="no-referrer" />
<script src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.28.0/components/prism-core.min.js" integrity="sha512-9khQRAUBYEJDCDVP2yw3LRUQvjJ0Pjx0EShmaQjcHa6AXiOv6qHQu9lCAIR8O+/D8FtaCoJ2c0Tf9Xo7hYH01Q==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.28.0/plugins/autoloader/prism-autoloader.min.js" integrity="sha512-fTl/qcO1VgvKtOMApX2PdZzkziyr2stM65GYPLGuYMnuMm1z2JLJG6XVU7C/mR+E7xBUqCivykuhlzfqxXBXbg==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>

Sauvegardez et le tour est joué.