comments.html 1.7 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950
  1. {% if page.meta.comments %}
  2. <h2 id="__comments">{{ lang.t("meta.comments") }}</h2>
  3. <!-- Insert Giscus code snippet from https://giscus.app/ here -->
  4. <script src="https://giscus.app/client.js"
  5. data-repo="ultralytics/ultralytics"
  6. data-repo-id="R_kgDOH-jzvQ"
  7. data-category="Docs"
  8. data-category-id="DIC_kwDOH-jzvc4CWLkL"
  9. data-mapping="title"
  10. data-strict="0"
  11. data-reactions-enabled="1"
  12. data-emit-metadata="0"
  13. data-input-position="top"
  14. data-theme="preferred_color_scheme"
  15. data-lang="en"
  16. crossorigin="anonymous"
  17. async>
  18. </script>
  19. <!-- Synchronize Giscus theme with palette -->
  20. <script>
  21. var giscus = document.querySelector("script[src*=giscus]")
  22. /* Set palette on initial load */
  23. var palette = __md_get("__palette")
  24. if (palette && typeof palette.color === "object") {
  25. var theme = palette.color.scheme === "slate" ? "dark" : "light"
  26. giscus.setAttribute("data-theme", theme)
  27. }
  28. /* Register event handlers after documented loaded */
  29. document.addEventListener("DOMContentLoaded", function() {
  30. var ref = document.querySelector("[data-md-component=palette]")
  31. ref.addEventListener("change", function() {
  32. var palette = __md_get("__palette")
  33. if (palette && typeof palette.color === "object") {
  34. var theme = palette.color.scheme === "slate" ? "dark" : "light"
  35. /* Instruct Giscus to change theme */
  36. var frame = document.querySelector(".giscus-frame")
  37. frame.contentWindow.postMessage(
  38. { giscus: { setConfig: { theme } } },
  39. "https://giscus.app"
  40. )
  41. }
  42. })
  43. })
  44. </script>
  45. {% endif %}