24 lines
1.3 KiB
Markdown
24 lines
1.3 KiB
Markdown
---
|
|
title: "Colorer syntaxe langage de programmation sur Weebly"
|
|
date: 2014-11-25
|
|
url: colorer-syntaxe-langage-de-programmation-sur-weebly
|
|
layout: post
|
|
category: Tutorials
|
|
---
|
|
|
|
[![A missing blog post image](/img/blog/colorer-syntaxe-langage-prog-sur-weebly_1.png)](/img/blog/colorer-syntaxe-langage-prog-sur-weebly_1.png)
|
|
|
|
La modification du CSS de Weebly, ainsi que l'ajout de fichiers externes est peu simple, et on passera sur les problèmes divers et variés de l'éditeur de "thèmes" comme ils disent...
|
|
|
|
Alors comment faire pour colorer la syntaxe d'un langage de programmation sur son site ?
|
|
Solution :
|
|
|
|
[![A missing blog post image](/img/blog/colorer-syntaxe-langage-prog-sur-weebly_2.png)](/img/blog/colorer-syntaxe-langage-prog-sur-weebly_2.png)
|
|
|
|
Commencez par trouver une feuille de styles CSS pour votre morceau de code, hébergez-la et copiez son lien dans la balise `<link>`.
|
|
Après, vous devez télécharger le _pack_ de coloration de [Highlight.js](https://highlightjs.org/download/), que vous pouvez aussi hébergez, et copiez son lien dans la première balise `<script>`.
|
|
|
|
Initialisez ensuite la coloration à l'aide de la fonction _JavaScript_, indiquez le type de langage que vous utilisez, et le morceau de code se trouvant à l'intérieur des balises `<code>` sera coloré :smile:
|
|
|
|
Merci @MikeScops encore pour son aide :+1:
|