GitHub: https://utteranc.es/댓글 위젯을 사용하여 댓글 활성화

저는 한동안 GitHub로 블로깅을 했습니다. https://behai-nguyen.github.io/ 을 참조하십시오. 이 게시물에서는 https://utteranc.es/ 주석 위젯을 사용하여 GitHub 리포지토리에 대한 주석을 활성화하는 방법에 대해 설명합니다.



이것이 내가 한 방법입니다.

❶ 설치

대상에 대한 발화 앱

다음 링크를 통한 GitHub 저장소
https://github.com/apps/utterances/installations/new
-- 지침은 자명해야 합니다. 각 단계 후,
화면의 지침을 주의 깊게 읽으십시오.

❷ 내 댓글을 활성화하고 싶습니다.

GitHub Pages이므로 내가 선택한 리포지토리는

https://github.com/behai-nguyen/behai-nguyen.github.io.
플러그인 스니펫은 아래와 같이 맞춤설정됩니다.



<script src="https://utteranc.es/client.js"
    repo="behai-nguyen/behai-nguyen.github.io "
    issue-term="pathname"
    label="Comment"
    theme="github-light"
    crossorigin="anonymous"
    async>
</script>



❸ 더
Jekyll -- https://jekyllrb.com/ 테마
내가 사용하고 있는 것은
minima 2.5.1 -- https://rubygems.org/gems/minima/versions/2.5.1 , 나는

아래와 같이 플러그인 스니펫을 포함하는 footer.html 파일:



File: \_includes\footer.html



<footer class="site-footer h-card">
  <data class="u-url" href="{{ "/" | relative_url }}"></data>

  <div class="wrapper">

    <div class="utterances">
        <script src="https://utteranc.es/client.js"
            repo="behai-nguyen/behai-nguyen.github.io"
            issue-term="pathname"
            label="Comment"
            theme="github-light"
            crossorigin="anonymous"
            async>
        </script>     
    </div>

    <h2 class="footer-heading">{{ site.title | escape }}</h2>

    <div class="footer-col-wrapper">
      <div class="footer-col footer-col-1">
        <ul class="contact-list">
          <li class="p-name">
            {%- if site.author -%}
              {{ site.author | escape }}
            {%- else -%}
              {{ site.title | escape }}
            {%- endif -%}
            </li>
            {%- if site.email -%}
            <li><a class="u-email" href="mailto:{{ site.email }}">{{ site.email }}</a></li>
            {%- endif -%}
        </ul>
      </div>

      <div class="footer-col footer-col-2">
        {%- include social.html -%}
      </div>

      <div class="footer-col footer-col-3">
        <p>{{- site.description | escape -}}</p>
      </div>
    </div>

  </div>

</footer>



물론 원하는 위치에 배치할 수 있습니다.

❹ 업데이트 후
변경 사항이 있는 GitHub 저장소에서 다음을 발행해야 할 수 있습니다.
다시 빌드하십시오.



git commit --allow-empty -m "Trigger rebuild"
git push



다음 사항에 유의하십시오.

  • 그만큼
    Utterances Widget -- https://utteranc.es/
    지지하다

    Markdown 스타일링 -- 참조
    Markdown Here Cheatsheet .

  • 댓글을 작성하려면 사용자가 자신의 계정에 로그인해야 합니다.

    깃허브 계정. 익명 사용자는 지원되지 않습니다.

  • 댓글을 제출한 후에는 사용자가 댓글을 수정할 수 없는 것 같습니다.
    오직

    GitHub 리포지토리 소유자는 댓글(또는 문제)을 편집할 수 있습니다.

  • 댓글은 대상 내부의 이슈로 저장됩니다.

    GitHub 저장소 -- 대상 저장소 소유자인 우리는 이러한 문제를 관리할 수 있습니다.

  • 이 게시물에서 무언가를 얻으시기 바랍니다.

    GitHub에서 유용하다는 것을 알았습니다. 댓글을 달아주세요 😆...
    그리고 읽어주셔서 감사합니다.

    좋은 웹페이지 즐겨찾기