github page에 mermaid 사용하기

mermaid 라이브러리 없이 적용하기

mermaid js 불러오기

• mermaid javascript 파일을 불러오는 html 코드를 삽입합니다.
• _includes/head/custom.html에 아래 코드를 삽입합니다.

  <script src="https://cdn.jsdelivr.net/npm/mermaid/dist/mermaid.min.js"></script>
  

• CDN주소로 불러오게 해도 되지만, 다운로드 받은 후에 적용하는 것을 권장합니다.
• 최근 cdn.jsdelivr.net도메인 인증서 만료 이슈로 접속이 안되는 경우가 있었습니다.

mermaid js 적용하기

• _includes/footer/custom.html에 아래 코드를 삽입합니다.

  <script>
    mermaid.initialize({
        startOnLoad:true,
    });
    window.mermaid.init(undefined, document.querySelectorAll('.language-mermaid'));
  </script>