comments.html 1.8 KB

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