hugo, highlight.js et d3.js
Feb 14 2016Highlight.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>