hugo, highlight.js et d3.js

Highlight.js (à partir d’un cdn i.e. content delivery network)

Pour pouvoir activer la coloration syntaxique pour le thème Lanyon, on peut inclure dans le header les chemins vers les scripts (entre les balises <head> et </head>):

dans <dossier du site>/themes/lanyon-hugo/partials/head.html, insérer :

<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/highlight.js/9.1.0/styles/default.min.css">

<script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/9.1.0/highlight.min.js"></script>

<script>hljs.initHighlightingOnLoad();</script>

On peut maintenant tester que cela fonctionne en entrant :

import numpy as np
import pandas

for i in range(10):
  print(i)

D3.js (à partir d’un cdn)

De la même façon, il faut indiquer dans head.html (le même fichier que dans la section précédente) :

<script src="https://cdnjs.cloudflare.com/ajax/libs/d3/3.5.14/d3.min.js"></script>
comments powered by Disqus