CDN을 통한 Waline 가져오기

이 쿡북은 CDN을 통해 Waline을 가져오는 방법에 대한 것입니다.

중국 본토 사용자의 경우 unpkg 사용을 권장합니다. 해외 사용자의 경우 jsDelivr 사용을 권장합니다.

Waline을 SSR 친화적으로 만들기 위해 V2 버전에서 Waline의 스타일을 분리했습니다. 이는 Waline의 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 < 1KB 크기의 스크립트 파일을 가져올 수 있습니다:

페이지뷰:

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

더 보기

버전 지정

위의 예시에서 @waline/client 뒤에 @v2 버전을 명시적으로 선언한 것을 눈치채셨을 것입니다. 그렇지 않으면 웹사이트가 제대로 작동하지 않을 수 있습니다.