comment.ftl 3.4 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="utf-8"/>
  5. <meta name="viewport" content="width=device-width, user-scalable=yes, initial-scale=1.0"/>
  6. <title>kkFileView相关交流</title>
  7. <link rel="icon" href="./favicon.ico" type="image/x-icon">
  8. <link rel="stylesheet" href="css/viewer.min.css"/>
  9. <link rel="stylesheet" href="css/loading.css"/>
  10. <link rel="stylesheet" href="bootstrap/css/bootstrap.min.css"/>
  11. <link rel="stylesheet" href="bootstrap/css/bootstrap-theme.min.css"/>
  12. <link rel="stylesheet" href="css/theme.css"/>
  13. <link rel="stylesheet" href="gitalk/gitalk.css"/>
  14. <script type="text/javascript" src="js/jquery-3.6.1.min.js"></script>
  15. <script type="text/javascript" src="js/jquery.form.min.js"></script>
  16. <script type="text/javascript" src="bootstrap/js/bootstrap.min.js"></script>
  17. <script type="text/javascript" src="gitalk/gitalk.min.js"></script>
  18. </head>
  19. <body>
  20. <!-- Fixed navbar -->
  21. <nav class="navbar navbar-inverse navbar-fixed-top">
  22. <div class="container">
  23. <div class="navbar-header">
  24. <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
  25. <span class="sr-only">Toggle navigation</span>
  26. <span class="icon-bar"></span>
  27. <span class="icon-bar"></span>
  28. <span class="icon-bar"></span>
  29. </button>
  30. <a class="navbar-brand" href="https://kkview.cn" target='_blank'>kkFileView</a>
  31. </div>
  32. <div id="navbar" class="navbar-collapse collapse">
  33. <ul class="nav navbar-nav">
  34. <li><a href="./index">首页</a></li>
  35. <li><a href="./record">版本发布记录</a></li>
  36. <li class="active"><a href="./comment">相关交流</a></li>
  37. </ul>
  38. </div>
  39. </div>
  40. </nav>
  41. <div class="container theme-showcase" role="main">
  42. <#-- 相关交流 -->
  43. <div class="page-header">
  44. <h1>相关交流</h1>
  45. </div>
  46. <div class="panel-body">
  47. <div id="comments"></div>
  48. </div>
  49. </div>
  50. <div class="loading_container">
  51. <div class="spinner">
  52. <div class="spinner-container container1">
  53. <div class="circle1"></div>
  54. <div class="circle2"></div>
  55. <div class="circle3"></div>
  56. <div class="circle4"></div>
  57. </div>
  58. <div class="spinner-container container2">
  59. <div class="circle1"></div>
  60. <div class="circle2"></div>
  61. <div class="circle3"></div>
  62. <div class="circle4"></div>
  63. </div>
  64. <div class="spinner-container container3">
  65. <div class="circle1"></div>
  66. <div class="circle2"></div>
  67. <div class="circle3"></div>
  68. <div class="circle4"></div>
  69. </div>
  70. </div>
  71. </div>
  72. <script>
  73. $(function () {
  74. var gitalk = new Gitalk({
  75. clientID: '525d7f16e17aab08cef5',
  76. clientSecret: 'd1154e3aee5c8f1cbdc918b5c97a4f4157e0bfd9',
  77. repo: 'kkFileView',
  78. owner: 'kekingcn',
  79. admin: ['kekingcn,klboke,gitchenjh'],
  80. language: 'zh-CN',
  81. id: location.pathname,
  82. distractionFreeMode: false
  83. })
  84. gitalk.render((document.getElementById('comments')))
  85. });
  86. </script>
  87. </body>
  88. </html>