Импорт Waline через CDN

Этот раздел руководства посвящён импорту Waline через CDN.

Пользователям из материкового Китая мы рекомендуем использовать unpkg, а пользователям из других стран — jsDelivr.

Начиная с V3 стили Waline поставляются отдельным CSS-файлом, чтобы клиент оставался совместимым с SSR. Это значит, что нужно импортировать CSS-файл стилей Waline, а затем импортировать скрипт Waline и вызвать его.

Комментарии

Обычно требуется, чтобы Waline отображал список комментариев. В этом случае импортируйте Waline следующим образом:

<!-- 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>

Просмотры и комментарии

Иногда нужно отображать количество просмотров и комментариев статьи на главной странице или в списке статей, но без загрузки компонента комментариев. В этом случае можно импортировать скрипт размером Gzip < 1 КБ следующими способами:

Просмотры:

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

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

Количество комментариев:

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

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

Дополнительно

Указание версии

Возможно, вы заметили, что во всех приведённых выше примерах мы явно указали версию @v3 после @waline/client. Это рекомендуется: так ваш сайт не сломается при выпуске новой мажорной версии клиента Waline.