티스토리 블로그에 GitHub Contribution Graph 넣는 법 - Embed하기 위해서 https://github.com/Bloggify/github-calendar 사용함

ContributionGraphModule.html

<!-- Include the library. -->
<script
  src="https://unpkg.com/github-calendar@latest/dist/github-calendar.min.js"
></script>

<!-- Optionally, include the theme (if you don't want to struggle to write the CSS) -->
<link
   rel="stylesheet"
   href="https://unpkg.com/github-calendar@latest/dist/github-calendar-responsive.css"
/>

<div>
    <!-- Prepare a container for your calendar. -->
    <div style="text-align: center;"><strong>나의 GitHub Contribution 그래프</strong></div> 
    <div class="calendar">
        <!-- Loading stuff -->
        Loading data ...
    </div>
</div>

<script>
    GitHubCalendar(".calendar", "IamGroooooot", { responsive: true, tooltips: false, global_stats: false}).then(function() {
        // delete the space underneath the module bar which is caused by minheight 
        document.getElementsByClassName('calendar')[0].style.minHeight = "100px";
        // hide more and less legen below the contribution graph
        document.getElementsByClassName('contrib-legend')[0].style.display = "none";
    });
</script>

이거 보고 덕분에 banner 가져 갔습니다. 감사합니다.~~

@myunggyun 예쁘게 잘쓰세요ㅎㅎ😊