Importer Waline via CDN

Ce guide explique comment importer Waline via un CDN.

Pour les utilisateurs de Chine continentale, nous recommandons d'utiliser unpkg. Pour les utilisateurs étrangers, nous recommandons jsDelivr.

Depuis la version V3, les styles de Waline sont fournis dans un fichier CSS séparé afin de préserver la compatibilité du client avec le SSR. Cela signifie que vous devez importer le fichier CSS de Waline, puis importer le fichier de script de Waline et l'appeler.

Commentaires

Normalement, vous voudrez que Waline affiche une liste de commentaires ; vous pouvez alors importer Waline comme suit :

<!-- style file -->
<link rel="stylesheet" href="https://unpkg.com/@waline/client@v3/dist/waline.css" />
<!-- script file -->
<script type="module">
  import { init } from 'https://unpkg.com/@waline/client@v3/dist/waline.js';

  init({
    // options
  });
</script>

Pages vues et commentaires

Parfois, vous pouvez souhaiter afficher le nombre de pages vues et de commentaires de l'article sur la page d'accueil ou dans la liste des articles, sans charger le composant de commentaires ; vous pouvez alors importer un fichier de script Gzip < 1 Ko de la manière suivante :

Pages vues :

<script type="module">
  import { pageviewCount } from 'https://unpkg.com/@waline/client@v3/dist/pageview.js';

  pageviewCount({
    // options
  });
</script>

Nombre de commentaires :

<script type="module">
  import { commentCount } from 'https://unpkg.com/@waline/client@v3/dist/comment.js';

  commentCount({
    // options
  });
</script>

Pour aller plus loin

Spécifier la version

Vous avez peut-être remarqué que, dans les exemples ci-dessus, nous avons explicitement déclaré la version @v3 après @waline/client. C'est recommandé, car cela évite que votre site web cesse de fonctionner lorsqu'une nouvelle version majeure du client Waline est publiée.