增加弹幕功能
This commit is contained in:
1 parent
f267e9b8d2
commit
97a889be6c
14 files changed
+311
-125
No files matched your search
+3
-37
@@ -13,7 +13,9 @@
|
|||||||
<link rel="stylesheet" href="/css/uikit.min.css">
|
<link rel="stylesheet" href="/css/uikit.min.css">
|
||||||
<link rel="stylesheet" href="/css/nprogress.min.css">
|
<link rel="stylesheet" href="/css/nprogress.min.css">
|
||||||
<link rel="stylesheet" href="https://unpkg.com/@waline/client@v3/dist/waline.css" />
|
<link rel="stylesheet" href="https://unpkg.com/@waline/client@v3/dist/waline.css" />
|
||||||
|
<link rel="stylesheet" href="https://usj.cc/usr/themes/Ying/css/barrager.css">
|
||||||
<script src="/js/jquery.min.js"></script>
|
<script src="/js/jquery.min.js"></script>
|
||||||
|
<script src="https://usj.cc/usr/themes/Ying/js/jquery.barrager.js"></script>
|
||||||
<script src="/js/jquery.scrollUp.min.js"></script>
|
<script src="/js/jquery.scrollUp.min.js"></script>
|
||||||
<script src="/js/pjax.js"></script>
|
<script src="/js/pjax.js"></script>
|
||||||
<script>console.log("\n %c Amigo Theme %c https://usj.cc \n", "color: #fadfa3; background: #030307; padding:3px; font-size:12px;", "color: #ffffff;background: #16171a; padding: 3px; font-size: 12px;");</script>
|
<script>console.log("\n %c Amigo Theme %c https://usj.cc \n", "color: #fadfa3; background: #030307; padding:3px; font-size:12px;", "color: #ffffff;background: #16171a; padding: 3px; font-size: 12px;");</script>
|
||||||
@@ -61,37 +63,6 @@
|
|||||||
|
|
||||||
|
|
||||||
<div id="pjax-container">
|
<div id="pjax-container">
|
||||||
<h2 id="">留言板 </h2>
|
|
||||||
<div id="qm_con_body">
|
|
||||||
<div id="mailContentContainer" class="qmbox qm_con_body_content qqmail_webmail_only" style="opacity: 1;">
|
|
||||||
<div class="container g-width" style="height: 458.667;margin-top: 0px;">
|
|
||||||
<header class="date g-width g-inline-center">
|
|
||||||
<time> <span class="uk-visible@s">评论于<a href="">《》</a></span></time>
|
|
||||||
</header>
|
|
||||||
<section class="dialog g-width g-clear-both">
|
|
||||||
|
|
||||||
<div class="bubble g-right reply">
|
|
||||||
<a href="" target="_blank" rel="noopener" style="color: inherit;text-decoration: none;">
|
|
||||||
<div style="text-align: right;line-height: 2rem;font-size: 11px;color:#727272"></div>
|
|
||||||
</a>
|
|
||||||
<span class="bubble-text g-left reply-text"></span>
|
|
||||||
<img class="bubble-avatar g-right" src="" loading="lazy" draggable="false" no-view>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="bubble g-left message">
|
|
||||||
<a href="" target="_blank" rel="noopener" style="color: inherit;text-decoration: none;">
|
|
||||||
<div style="line-height: 2rem;font-size: 11px;color:#727272"></div>
|
|
||||||
</a>
|
|
||||||
<img class="bubble-avatar g-left" src="" loading="lazy" draggable="false" no-view>
|
|
||||||
<span class="bubble-text g-right message-text"></span>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
</section>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
|
|
||||||
<div class="post-content" itemprop="articleBody">
|
<div class="post-content" itemprop="articleBody">
|
||||||
<h2 id="关于我">关于我</h2>
|
<h2 id="关于我">关于我</h2>
|
||||||
<p>00后,湖北襄阳人,目前大三本科在读</p>
|
<p>00后,湖北襄阳人,目前大三本科在读</p>
|
||||||
@@ -109,12 +80,7 @@
|
|||||||
© 2019 - 2024
|
© 2019 - 2024
|
||||||
<br>
|
<br>
|
||||||
<a href="https://beian.miit.gov.cn/" target="_blank"><span style="color:#999999;">鄂ICP备2022015735号-1</span></a>
|
<a href="https://beian.miit.gov.cn/" target="_blank"><span style="color:#999999;">鄂ICP备2022015735号-1</span></a>
|
||||||
<br>
|
|
||||||
本站由<a href="https://www.upyun.com/?utm_source=lianmeng&utm_medium=referral" target="blank" title="又拍云"
|
|
||||||
style="display:inline-block;text-decoration:none;height:20px;line-height:20px;">
|
|
||||||
<span style="color: var(--contentColor);font-weight: 700;">又拍云CDN</span>
|
|
||||||
</a>提供CDN加速服务
|
|
||||||
<br>
|
|
||||||
</nav>
|
</nav>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
@@ -13,7 +13,9 @@
|
|||||||
<link rel="stylesheet" href="/css/uikit.min.css">
|
<link rel="stylesheet" href="/css/uikit.min.css">
|
||||||
<link rel="stylesheet" href="/css/nprogress.min.css">
|
<link rel="stylesheet" href="/css/nprogress.min.css">
|
||||||
<link rel="stylesheet" href="https://unpkg.com/@waline/client@v3/dist/waline.css" />
|
<link rel="stylesheet" href="https://unpkg.com/@waline/client@v3/dist/waline.css" />
|
||||||
|
<link rel="stylesheet" href="https://usj.cc/usr/themes/Ying/css/barrager.css">
|
||||||
<script src="/js/jquery.min.js"></script>
|
<script src="/js/jquery.min.js"></script>
|
||||||
|
<script src="https://usj.cc/usr/themes/Ying/js/jquery.barrager.js"></script>
|
||||||
<script src="/js/jquery.scrollUp.min.js"></script>
|
<script src="/js/jquery.scrollUp.min.js"></script>
|
||||||
<script src="/js/pjax.js"></script>
|
<script src="/js/pjax.js"></script>
|
||||||
<script>console.log("\n %c Amigo Theme %c https://usj.cc \n", "color: #fadfa3; background: #030307; padding:3px; font-size:12px;", "color: #ffffff;background: #16171a; padding: 3px; font-size: 12px;");</script>
|
<script>console.log("\n %c Amigo Theme %c https://usj.cc \n", "color: #fadfa3; background: #030307; padding:3px; font-size:12px;", "color: #ffffff;background: #16171a; padding: 3px; font-size: 12px;");</script>
|
||||||
@@ -163,12 +165,7 @@
|
|||||||
© 2019 - 2024
|
© 2019 - 2024
|
||||||
<br>
|
<br>
|
||||||
<a href="https://beian.miit.gov.cn/" target="_blank"><span style="color:#999999;">鄂ICP备2022015735号-1</span></a>
|
<a href="https://beian.miit.gov.cn/" target="_blank"><span style="color:#999999;">鄂ICP备2022015735号-1</span></a>
|
||||||
<br>
|
|
||||||
本站由<a href="https://www.upyun.com/?utm_source=lianmeng&utm_medium=referral" target="blank" title="又拍云"
|
|
||||||
style="display:inline-block;text-decoration:none;height:20px;line-height:20px;">
|
|
||||||
<span style="color: var(--contentColor);font-weight: 700;">又拍云CDN</span>
|
|
||||||
</a>提供CDN加速服务
|
|
||||||
<br>
|
|
||||||
</nav>
|
</nav>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
+3
-6
@@ -14,7 +14,9 @@
|
|||||||
<link rel="stylesheet" href="/css/uikit.min.css">
|
<link rel="stylesheet" href="/css/uikit.min.css">
|
||||||
<link rel="stylesheet" href="/css/nprogress.min.css">
|
<link rel="stylesheet" href="/css/nprogress.min.css">
|
||||||
<link rel="stylesheet" href="https://unpkg.com/@waline/client@v3/dist/waline.css" />
|
<link rel="stylesheet" href="https://unpkg.com/@waline/client@v3/dist/waline.css" />
|
||||||
|
<link rel="stylesheet" href="https://usj.cc/usr/themes/Ying/css/barrager.css">
|
||||||
<script src="/js/jquery.min.js"></script>
|
<script src="/js/jquery.min.js"></script>
|
||||||
|
<script src="https://usj.cc/usr/themes/Ying/js/jquery.barrager.js"></script>
|
||||||
<script src="/js/jquery.scrollUp.min.js"></script>
|
<script src="/js/jquery.scrollUp.min.js"></script>
|
||||||
<script src="/js/pjax.js"></script>
|
<script src="/js/pjax.js"></script>
|
||||||
<script>console.log("\n %c Amigo Theme %c https://usj.cc \n", "color: #fadfa3; background: #030307; padding:3px; font-size:12px;", "color: #ffffff;background: #16171a; padding: 3px; font-size: 12px;");</script>
|
<script>console.log("\n %c Amigo Theme %c https://usj.cc \n", "color: #fadfa3; background: #030307; padding:3px; font-size:12px;", "color: #ffffff;background: #16171a; padding: 3px; font-size: 12px;");</script>
|
||||||
@@ -117,12 +119,7 @@
|
|||||||
© 2019 - 2024
|
© 2019 - 2024
|
||||||
<br>
|
<br>
|
||||||
<a href="https://beian.miit.gov.cn/" target="_blank"><span style="color:#999999;">鄂ICP备2022015735号-1</span></a>
|
<a href="https://beian.miit.gov.cn/" target="_blank"><span style="color:#999999;">鄂ICP备2022015735号-1</span></a>
|
||||||
<br>
|
|
||||||
本站由<a href="https://www.upyun.com/?utm_source=lianmeng&utm_medium=referral" target="blank" title="又拍云"
|
|
||||||
style="display:inline-block;text-decoration:none;height:20px;line-height:20px;">
|
|
||||||
<span style="color: var(--contentColor);font-weight: 700;">又拍云CDN</span>
|
|
||||||
</a>提供CDN加速服务
|
|
||||||
<br>
|
|
||||||
</nav>
|
</nav>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
@@ -13,7 +13,9 @@
|
|||||||
<link rel="stylesheet" href="/css/uikit.min.css">
|
<link rel="stylesheet" href="/css/uikit.min.css">
|
||||||
<link rel="stylesheet" href="/css/nprogress.min.css">
|
<link rel="stylesheet" href="/css/nprogress.min.css">
|
||||||
<link rel="stylesheet" href="https://unpkg.com/@waline/client@v3/dist/waline.css" />
|
<link rel="stylesheet" href="https://unpkg.com/@waline/client@v3/dist/waline.css" />
|
||||||
|
<link rel="stylesheet" href="https://usj.cc/usr/themes/Ying/css/barrager.css">
|
||||||
<script src="/js/jquery.min.js"></script>
|
<script src="/js/jquery.min.js"></script>
|
||||||
|
<script src="https://usj.cc/usr/themes/Ying/js/jquery.barrager.js"></script>
|
||||||
<script src="/js/jquery.scrollUp.min.js"></script>
|
<script src="/js/jquery.scrollUp.min.js"></script>
|
||||||
<script src="/js/pjax.js"></script>
|
<script src="/js/pjax.js"></script>
|
||||||
<script>console.log("\n %c Amigo Theme %c https://usj.cc \n", "color: #fadfa3; background: #030307; padding:3px; font-size:12px;", "color: #ffffff;background: #16171a; padding: 3px; font-size: 12px;");</script>
|
<script>console.log("\n %c Amigo Theme %c https://usj.cc \n", "color: #fadfa3; background: #030307; padding:3px; font-size:12px;", "color: #ffffff;background: #16171a; padding: 3px; font-size: 12px;");</script>
|
||||||
@@ -251,12 +253,7 @@
|
|||||||
© 2019 - 2024
|
© 2019 - 2024
|
||||||
<br>
|
<br>
|
||||||
<a href="https://beian.miit.gov.cn/" target="_blank"><span style="color:#999999;">鄂ICP备2022015735号-1</span></a>
|
<a href="https://beian.miit.gov.cn/" target="_blank"><span style="color:#999999;">鄂ICP备2022015735号-1</span></a>
|
||||||
<br>
|
|
||||||
本站由<a href="https://www.upyun.com/?utm_source=lianmeng&utm_medium=referral" target="blank" title="又拍云"
|
|
||||||
style="display:inline-block;text-decoration:none;height:20px;line-height:20px;">
|
|
||||||
<span style="color: var(--contentColor);font-weight: 700;">又拍云CDN</span>
|
|
||||||
</a>提供CDN加速服务
|
|
||||||
<br>
|
|
||||||
</nav>
|
</nav>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
@@ -13,7 +13,9 @@
|
|||||||
<link rel="stylesheet" href="/css/uikit.min.css">
|
<link rel="stylesheet" href="/css/uikit.min.css">
|
||||||
<link rel="stylesheet" href="/css/nprogress.min.css">
|
<link rel="stylesheet" href="/css/nprogress.min.css">
|
||||||
<link rel="stylesheet" href="https://unpkg.com/@waline/client@v3/dist/waline.css" />
|
<link rel="stylesheet" href="https://unpkg.com/@waline/client@v3/dist/waline.css" />
|
||||||
|
<link rel="stylesheet" href="https://usj.cc/usr/themes/Ying/css/barrager.css">
|
||||||
<script src="/js/jquery.min.js"></script>
|
<script src="/js/jquery.min.js"></script>
|
||||||
|
<script src="https://usj.cc/usr/themes/Ying/js/jquery.barrager.js"></script>
|
||||||
<script src="/js/jquery.scrollUp.min.js"></script>
|
<script src="/js/jquery.scrollUp.min.js"></script>
|
||||||
<script src="/js/pjax.js"></script>
|
<script src="/js/pjax.js"></script>
|
||||||
<script>console.log("\n %c Amigo Theme %c https://usj.cc \n", "color: #fadfa3; background: #030307; padding:3px; font-size:12px;", "color: #ffffff;background: #16171a; padding: 3px; font-size: 12px;");</script>
|
<script>console.log("\n %c Amigo Theme %c https://usj.cc \n", "color: #fadfa3; background: #030307; padding:3px; font-size:12px;", "color: #ffffff;background: #16171a; padding: 3px; font-size: 12px;");</script>
|
||||||
@@ -84,6 +86,61 @@
|
|||||||
|
|
||||||
<div id="waline"></div>
|
<div id="waline"></div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
<script type="text/javascript">
|
||||||
|
$(document).ready(function() {
|
||||||
|
|
||||||
|
var currentPath = "\/post\/demo01\/";
|
||||||
|
|
||||||
|
|
||||||
|
$.ajaxSettings.async = false;
|
||||||
|
$.getJSON('https://waline.usj.cc/api/comment?path=' + encodeURIComponent(currentPath), function(response) {
|
||||||
|
var data = response.data.data;
|
||||||
|
console.log(data);
|
||||||
|
|
||||||
|
var looper_time = 3 * 1000;
|
||||||
|
var items = data;
|
||||||
|
|
||||||
|
var total = items.length;
|
||||||
|
|
||||||
|
var run_once = true;
|
||||||
|
|
||||||
|
var index = 0;
|
||||||
|
|
||||||
|
barrager();
|
||||||
|
|
||||||
|
function barrager() {
|
||||||
|
if (run_once) {
|
||||||
|
|
||||||
|
looper = setInterval(barrager, looper_time);
|
||||||
|
run_once = false;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
var item = {
|
||||||
|
img: items[index].avatar || 'static/default-avatar.png',
|
||||||
|
info: items[index].orig || 'No comment',
|
||||||
|
href: items[index].link || '#',
|
||||||
|
close: true,
|
||||||
|
speed: 6,
|
||||||
|
color: '#fff',
|
||||||
|
old_ie_color: '#000000'
|
||||||
|
};
|
||||||
|
|
||||||
|
|
||||||
|
$('body').barrager(item);
|
||||||
|
|
||||||
|
index++;
|
||||||
|
|
||||||
|
if (index == total) {
|
||||||
|
clearInterval(looper);
|
||||||
|
return false;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
});
|
||||||
|
});
|
||||||
|
</script>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|
||||||
@@ -93,12 +150,7 @@
|
|||||||
© 2019 - 2024
|
© 2019 - 2024
|
||||||
<br>
|
<br>
|
||||||
<a href="https://beian.miit.gov.cn/" target="_blank"><span style="color:#999999;">鄂ICP备2022015735号-1</span></a>
|
<a href="https://beian.miit.gov.cn/" target="_blank"><span style="color:#999999;">鄂ICP备2022015735号-1</span></a>
|
||||||
<br>
|
|
||||||
本站由<a href="https://www.upyun.com/?utm_source=lianmeng&utm_medium=referral" target="blank" title="又拍云"
|
|
||||||
style="display:inline-block;text-decoration:none;height:20px;line-height:20px;">
|
|
||||||
<span style="color: var(--contentColor);font-weight: 700;">又拍云CDN</span>
|
|
||||||
</a>提供CDN加速服务
|
|
||||||
<br>
|
|
||||||
</nav>
|
</nav>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
@@ -13,7 +13,9 @@
|
|||||||
<link rel="stylesheet" href="/css/uikit.min.css">
|
<link rel="stylesheet" href="/css/uikit.min.css">
|
||||||
<link rel="stylesheet" href="/css/nprogress.min.css">
|
<link rel="stylesheet" href="/css/nprogress.min.css">
|
||||||
<link rel="stylesheet" href="https://unpkg.com/@waline/client@v3/dist/waline.css" />
|
<link rel="stylesheet" href="https://unpkg.com/@waline/client@v3/dist/waline.css" />
|
||||||
|
<link rel="stylesheet" href="https://usj.cc/usr/themes/Ying/css/barrager.css">
|
||||||
<script src="/js/jquery.min.js"></script>
|
<script src="/js/jquery.min.js"></script>
|
||||||
|
<script src="https://usj.cc/usr/themes/Ying/js/jquery.barrager.js"></script>
|
||||||
<script src="/js/jquery.scrollUp.min.js"></script>
|
<script src="/js/jquery.scrollUp.min.js"></script>
|
||||||
<script src="/js/pjax.js"></script>
|
<script src="/js/pjax.js"></script>
|
||||||
<script>console.log("\n %c Amigo Theme %c https://usj.cc \n", "color: #fadfa3; background: #030307; padding:3px; font-size:12px;", "color: #ffffff;background: #16171a; padding: 3px; font-size: 12px;");</script>
|
<script>console.log("\n %c Amigo Theme %c https://usj.cc \n", "color: #fadfa3; background: #030307; padding:3px; font-size:12px;", "color: #ffffff;background: #16171a; padding: 3px; font-size: 12px;");</script>
|
||||||
@@ -86,6 +88,61 @@
|
|||||||
|
|
||||||
<div id="waline"></div>
|
<div id="waline"></div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
<script type="text/javascript">
|
||||||
|
$(document).ready(function() {
|
||||||
|
|
||||||
|
var currentPath = "\/post\/demo03\/";
|
||||||
|
|
||||||
|
|
||||||
|
$.ajaxSettings.async = false;
|
||||||
|
$.getJSON('https://waline.usj.cc/api/comment?path=' + encodeURIComponent(currentPath), function(response) {
|
||||||
|
var data = response.data.data;
|
||||||
|
console.log(data);
|
||||||
|
|
||||||
|
var looper_time = 3 * 1000;
|
||||||
|
var items = data;
|
||||||
|
|
||||||
|
var total = items.length;
|
||||||
|
|
||||||
|
var run_once = true;
|
||||||
|
|
||||||
|
var index = 0;
|
||||||
|
|
||||||
|
barrager();
|
||||||
|
|
||||||
|
function barrager() {
|
||||||
|
if (run_once) {
|
||||||
|
|
||||||
|
looper = setInterval(barrager, looper_time);
|
||||||
|
run_once = false;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
var item = {
|
||||||
|
img: items[index].avatar || 'static/default-avatar.png',
|
||||||
|
info: items[index].orig || 'No comment',
|
||||||
|
href: items[index].link || '#',
|
||||||
|
close: true,
|
||||||
|
speed: 6,
|
||||||
|
color: '#fff',
|
||||||
|
old_ie_color: '#000000'
|
||||||
|
};
|
||||||
|
|
||||||
|
|
||||||
|
$('body').barrager(item);
|
||||||
|
|
||||||
|
index++;
|
||||||
|
|
||||||
|
if (index == total) {
|
||||||
|
clearInterval(looper);
|
||||||
|
return false;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
});
|
||||||
|
});
|
||||||
|
</script>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|
||||||
@@ -95,12 +152,7 @@
|
|||||||
© 2019 - 2024
|
© 2019 - 2024
|
||||||
<br>
|
<br>
|
||||||
<a href="https://beian.miit.gov.cn/" target="_blank"><span style="color:#999999;">鄂ICP备2022015735号-1</span></a>
|
<a href="https://beian.miit.gov.cn/" target="_blank"><span style="color:#999999;">鄂ICP备2022015735号-1</span></a>
|
||||||
<br>
|
|
||||||
本站由<a href="https://www.upyun.com/?utm_source=lianmeng&utm_medium=referral" target="blank" title="又拍云"
|
|
||||||
style="display:inline-block;text-decoration:none;height:20px;line-height:20px;">
|
|
||||||
<span style="color: var(--contentColor);font-weight: 700;">又拍云CDN</span>
|
|
||||||
</a>提供CDN加速服务
|
|
||||||
<br>
|
|
||||||
</nav>
|
</nav>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
@@ -13,7 +13,9 @@
|
|||||||
<link rel="stylesheet" href="/css/uikit.min.css">
|
<link rel="stylesheet" href="/css/uikit.min.css">
|
||||||
<link rel="stylesheet" href="/css/nprogress.min.css">
|
<link rel="stylesheet" href="/css/nprogress.min.css">
|
||||||
<link rel="stylesheet" href="https://unpkg.com/@waline/client@v3/dist/waline.css" />
|
<link rel="stylesheet" href="https://unpkg.com/@waline/client@v3/dist/waline.css" />
|
||||||
|
<link rel="stylesheet" href="https://usj.cc/usr/themes/Ying/css/barrager.css">
|
||||||
<script src="/js/jquery.min.js"></script>
|
<script src="/js/jquery.min.js"></script>
|
||||||
|
<script src="https://usj.cc/usr/themes/Ying/js/jquery.barrager.js"></script>
|
||||||
<script src="/js/jquery.scrollUp.min.js"></script>
|
<script src="/js/jquery.scrollUp.min.js"></script>
|
||||||
<script src="/js/pjax.js"></script>
|
<script src="/js/pjax.js"></script>
|
||||||
<script>console.log("\n %c Amigo Theme %c https://usj.cc \n", "color: #fadfa3; background: #030307; padding:3px; font-size:12px;", "color: #ffffff;background: #16171a; padding: 3px; font-size: 12px;");</script>
|
<script>console.log("\n %c Amigo Theme %c https://usj.cc \n", "color: #fadfa3; background: #030307; padding:3px; font-size:12px;", "color: #ffffff;background: #16171a; padding: 3px; font-size: 12px;");</script>
|
||||||
@@ -83,6 +85,61 @@
|
|||||||
|
|
||||||
<div id="waline"></div>
|
<div id="waline"></div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
<script type="text/javascript">
|
||||||
|
$(document).ready(function() {
|
||||||
|
|
||||||
|
var currentPath = "\/post\/my-first-post\/";
|
||||||
|
|
||||||
|
|
||||||
|
$.ajaxSettings.async = false;
|
||||||
|
$.getJSON('https://waline.usj.cc/api/comment?path=' + encodeURIComponent(currentPath), function(response) {
|
||||||
|
var data = response.data.data;
|
||||||
|
console.log(data);
|
||||||
|
|
||||||
|
var looper_time = 3 * 1000;
|
||||||
|
var items = data;
|
||||||
|
|
||||||
|
var total = items.length;
|
||||||
|
|
||||||
|
var run_once = true;
|
||||||
|
|
||||||
|
var index = 0;
|
||||||
|
|
||||||
|
barrager();
|
||||||
|
|
||||||
|
function barrager() {
|
||||||
|
if (run_once) {
|
||||||
|
|
||||||
|
looper = setInterval(barrager, looper_time);
|
||||||
|
run_once = false;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
var item = {
|
||||||
|
img: items[index].avatar || 'static/default-avatar.png',
|
||||||
|
info: items[index].orig || 'No comment',
|
||||||
|
href: items[index].link || '#',
|
||||||
|
close: true,
|
||||||
|
speed: 6,
|
||||||
|
color: '#fff',
|
||||||
|
old_ie_color: '#000000'
|
||||||
|
};
|
||||||
|
|
||||||
|
|
||||||
|
$('body').barrager(item);
|
||||||
|
|
||||||
|
index++;
|
||||||
|
|
||||||
|
if (index == total) {
|
||||||
|
clearInterval(looper);
|
||||||
|
return false;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
});
|
||||||
|
});
|
||||||
|
</script>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|
||||||
@@ -92,12 +149,7 @@
|
|||||||
© 2019 - 2024
|
© 2019 - 2024
|
||||||
<br>
|
<br>
|
||||||
<a href="https://beian.miit.gov.cn/" target="_blank"><span style="color:#999999;">鄂ICP备2022015735号-1</span></a>
|
<a href="https://beian.miit.gov.cn/" target="_blank"><span style="color:#999999;">鄂ICP备2022015735号-1</span></a>
|
||||||
<br>
|
|
||||||
本站由<a href="https://www.upyun.com/?utm_source=lianmeng&utm_medium=referral" target="blank" title="又拍云"
|
|
||||||
style="display:inline-block;text-decoration:none;height:20px;line-height:20px;">
|
|
||||||
<span style="color: var(--contentColor);font-weight: 700;">又拍云CDN</span>
|
|
||||||
</a>提供CDN加速服务
|
|
||||||
<br>
|
|
||||||
</nav>
|
</nav>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
@@ -13,7 +13,9 @@
|
|||||||
<link rel="stylesheet" href="/css/uikit.min.css">
|
<link rel="stylesheet" href="/css/uikit.min.css">
|
||||||
<link rel="stylesheet" href="/css/nprogress.min.css">
|
<link rel="stylesheet" href="/css/nprogress.min.css">
|
||||||
<link rel="stylesheet" href="https://unpkg.com/@waline/client@v3/dist/waline.css" />
|
<link rel="stylesheet" href="https://unpkg.com/@waline/client@v3/dist/waline.css" />
|
||||||
|
<link rel="stylesheet" href="https://usj.cc/usr/themes/Ying/css/barrager.css">
|
||||||
<script src="/js/jquery.min.js"></script>
|
<script src="/js/jquery.min.js"></script>
|
||||||
|
<script src="https://usj.cc/usr/themes/Ying/js/jquery.barrager.js"></script>
|
||||||
<script src="/js/jquery.scrollUp.min.js"></script>
|
<script src="/js/jquery.scrollUp.min.js"></script>
|
||||||
<script src="/js/pjax.js"></script>
|
<script src="/js/pjax.js"></script>
|
||||||
<script>console.log("\n %c Amigo Theme %c https://usj.cc \n", "color: #fadfa3; background: #030307; padding:3px; font-size:12px;", "color: #ffffff;background: #16171a; padding: 3px; font-size: 12px;");</script>
|
<script>console.log("\n %c Amigo Theme %c https://usj.cc \n", "color: #fadfa3; background: #030307; padding:3px; font-size:12px;", "color: #ffffff;background: #16171a; padding: 3px; font-size: 12px;");</script>
|
||||||
@@ -61,7 +63,7 @@
|
|||||||
|
|
||||||
|
|
||||||
<div id="pjax-container">
|
<div id="pjax-container">
|
||||||
<article>
|
<article style="margin-bottom: 3.5em;">
|
||||||
<h1 class="post-title" itemprop="name headline">My Second Post</h1>
|
<h1 class="post-title" itemprop="name headline">My Second Post</h1>
|
||||||
<div class="meta">
|
<div class="meta">
|
||||||
作者: 小赵同学 浏览: 字数: 1 分类:
|
作者: 小赵同学 浏览: 字数: 1 分类:
|
||||||
@@ -78,10 +80,66 @@
|
|||||||
</nav>
|
</nav>
|
||||||
</div>
|
</div>
|
||||||
</article>
|
</article>
|
||||||
|
<hr class="uk-divider-icon">
|
||||||
<div id="comments" class="comments-area">
|
<div id="comments" class="comments-area">
|
||||||
|
|
||||||
<div id="waline"></div>
|
<div id="waline"></div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
<script type="text/javascript">
|
||||||
|
$(document).ready(function() {
|
||||||
|
|
||||||
|
var currentPath = "\/post\/my-second-post\/";
|
||||||
|
|
||||||
|
|
||||||
|
$.ajaxSettings.async = false;
|
||||||
|
$.getJSON('https://waline.usj.cc/api/comment?path=' + encodeURIComponent(currentPath), function(response) {
|
||||||
|
var data = response.data.data;
|
||||||
|
console.log(data);
|
||||||
|
|
||||||
|
var looper_time = 3 * 1000;
|
||||||
|
var items = data;
|
||||||
|
|
||||||
|
var total = items.length;
|
||||||
|
|
||||||
|
var run_once = true;
|
||||||
|
|
||||||
|
var index = 0;
|
||||||
|
|
||||||
|
barrager();
|
||||||
|
|
||||||
|
function barrager() {
|
||||||
|
if (run_once) {
|
||||||
|
|
||||||
|
looper = setInterval(barrager, looper_time);
|
||||||
|
run_once = false;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
var item = {
|
||||||
|
img: items[index].avatar || 'static/default-avatar.png',
|
||||||
|
info: items[index].orig || 'No comment',
|
||||||
|
href: items[index].link || '#',
|
||||||
|
close: true,
|
||||||
|
speed: 6,
|
||||||
|
color: '#fff',
|
||||||
|
old_ie_color: '#000000'
|
||||||
|
};
|
||||||
|
|
||||||
|
|
||||||
|
$('body').barrager(item);
|
||||||
|
|
||||||
|
index++;
|
||||||
|
|
||||||
|
if (index == total) {
|
||||||
|
clearInterval(looper);
|
||||||
|
return false;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
});
|
||||||
|
});
|
||||||
|
</script>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|
||||||
@@ -91,12 +149,7 @@
|
|||||||
© 2019 - 2024
|
© 2019 - 2024
|
||||||
<br>
|
<br>
|
||||||
<a href="https://beian.miit.gov.cn/" target="_blank"><span style="color:#999999;">鄂ICP备2022015735号-1</span></a>
|
<a href="https://beian.miit.gov.cn/" target="_blank"><span style="color:#999999;">鄂ICP备2022015735号-1</span></a>
|
||||||
<br>
|
|
||||||
本站由<a href="https://www.upyun.com/?utm_source=lianmeng&utm_medium=referral" target="blank" title="又拍云"
|
|
||||||
style="display:inline-block;text-decoration:none;height:20px;line-height:20px;">
|
|
||||||
<span style="color: var(--contentColor);font-weight: 700;">又拍云CDN</span>
|
|
||||||
</a>提供CDN加速服务
|
|
||||||
<br>
|
|
||||||
</nav>
|
</nav>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
@@ -13,7 +13,9 @@
|
|||||||
<link rel="stylesheet" href="/css/uikit.min.css">
|
<link rel="stylesheet" href="/css/uikit.min.css">
|
||||||
<link rel="stylesheet" href="/css/nprogress.min.css">
|
<link rel="stylesheet" href="/css/nprogress.min.css">
|
||||||
<link rel="stylesheet" href="https://unpkg.com/@waline/client@v3/dist/waline.css" />
|
<link rel="stylesheet" href="https://unpkg.com/@waline/client@v3/dist/waline.css" />
|
||||||
|
<link rel="stylesheet" href="https://usj.cc/usr/themes/Ying/css/barrager.css">
|
||||||
<script src="/js/jquery.min.js"></script>
|
<script src="/js/jquery.min.js"></script>
|
||||||
|
<script src="https://usj.cc/usr/themes/Ying/js/jquery.barrager.js"></script>
|
||||||
<script src="/js/jquery.scrollUp.min.js"></script>
|
<script src="/js/jquery.scrollUp.min.js"></script>
|
||||||
<script src="/js/pjax.js"></script>
|
<script src="/js/pjax.js"></script>
|
||||||
<script>console.log("\n %c Amigo Theme %c https://usj.cc \n", "color: #fadfa3; background: #030307; padding:3px; font-size:12px;", "color: #ffffff;background: #16171a; padding: 3px; font-size: 12px;");</script>
|
<script>console.log("\n %c Amigo Theme %c https://usj.cc \n", "color: #fadfa3; background: #030307; padding:3px; font-size:12px;", "color: #ffffff;background: #16171a; padding: 3px; font-size: 12px;");</script>
|
||||||
@@ -83,12 +85,7 @@
|
|||||||
© 2019 - 2024
|
© 2019 - 2024
|
||||||
<br>
|
<br>
|
||||||
<a href="https://beian.miit.gov.cn/" target="_blank"><span style="color:#999999;">鄂ICP备2022015735号-1</span></a>
|
<a href="https://beian.miit.gov.cn/" target="_blank"><span style="color:#999999;">鄂ICP备2022015735号-1</span></a>
|
||||||
<br>
|
|
||||||
本站由<a href="https://www.upyun.com/?utm_source=lianmeng&utm_medium=referral" target="blank" title="又拍云"
|
|
||||||
style="display:inline-block;text-decoration:none;height:20px;line-height:20px;">
|
|
||||||
<span style="color: var(--contentColor);font-weight: 700;">又拍云CDN</span>
|
|
||||||
</a>提供CDN加速服务
|
|
||||||
<br>
|
|
||||||
</nav>
|
</nav>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
@@ -13,7 +13,9 @@
|
|||||||
<link rel="stylesheet" href="/css/uikit.min.css">
|
<link rel="stylesheet" href="/css/uikit.min.css">
|
||||||
<link rel="stylesheet" href="/css/nprogress.min.css">
|
<link rel="stylesheet" href="/css/nprogress.min.css">
|
||||||
<link rel="stylesheet" href="https://unpkg.com/@waline/client@v3/dist/waline.css" />
|
<link rel="stylesheet" href="https://unpkg.com/@waline/client@v3/dist/waline.css" />
|
||||||
|
<link rel="stylesheet" href="https://usj.cc/usr/themes/Ying/css/barrager.css">
|
||||||
<script src="/js/jquery.min.js"></script>
|
<script src="/js/jquery.min.js"></script>
|
||||||
|
<script src="https://usj.cc/usr/themes/Ying/js/jquery.barrager.js"></script>
|
||||||
<script src="/js/jquery.scrollUp.min.js"></script>
|
<script src="/js/jquery.scrollUp.min.js"></script>
|
||||||
<script src="/js/pjax.js"></script>
|
<script src="/js/pjax.js"></script>
|
||||||
<script>console.log("\n %c Amigo Theme %c https://usj.cc \n", "color: #fadfa3; background: #030307; padding:3px; font-size:12px;", "color: #ffffff;background: #16171a; padding: 3px; font-size: 12px;");</script>
|
<script>console.log("\n %c Amigo Theme %c https://usj.cc \n", "color: #fadfa3; background: #030307; padding:3px; font-size:12px;", "color: #ffffff;background: #16171a; padding: 3px; font-size: 12px;");</script>
|
||||||
@@ -82,12 +84,7 @@
|
|||||||
© 2019 - 2024
|
© 2019 - 2024
|
||||||
<br>
|
<br>
|
||||||
<a href="https://beian.miit.gov.cn/" target="_blank"><span style="color:#999999;">鄂ICP备2022015735号-1</span></a>
|
<a href="https://beian.miit.gov.cn/" target="_blank"><span style="color:#999999;">鄂ICP备2022015735号-1</span></a>
|
||||||
<br>
|
|
||||||
本站由<a href="https://www.upyun.com/?utm_source=lianmeng&utm_medium=referral" target="blank" title="又拍云"
|
|
||||||
style="display:inline-block;text-decoration:none;height:20px;line-height:20px;">
|
|
||||||
<span style="color: var(--contentColor);font-weight: 700;">又拍云CDN</span>
|
|
||||||
</a>提供CDN加速服务
|
|
||||||
<br>
|
|
||||||
</nav>
|
</nav>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
@@ -1,36 +1,5 @@
|
|||||||
{{ define "main" }}
|
{{ define "main" }}
|
||||||
<div id="pjax-container">
|
<div id="pjax-container">
|
||||||
<h2 id="">留言板 </h2>
|
|
||||||
<div id="qm_con_body">
|
|
||||||
<div id="mailContentContainer" class="qmbox qm_con_body_content qqmail_webmail_only" style="opacity: 1;">
|
|
||||||
<div class="container g-width" style="height: 458.667;margin-top: 0px;">
|
|
||||||
<header class="date g-width g-inline-center">
|
|
||||||
<time> <span class="uk-visible@s">评论于<a href="">《》</a></span></time>
|
|
||||||
</header>
|
|
||||||
<section class="dialog g-width g-clear-both">
|
|
||||||
|
|
||||||
<div class="bubble g-right reply">
|
|
||||||
<a href="" target="_blank" rel="noopener" style="color: inherit;text-decoration: none;">
|
|
||||||
<div style="text-align: right;line-height: 2rem;font-size: 11px;color:#727272"></div>
|
|
||||||
</a>
|
|
||||||
<span class="bubble-text g-left reply-text"></span>
|
|
||||||
<img class="bubble-avatar g-right" src="" loading="lazy" draggable="false" no-view>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="bubble g-left message">
|
|
||||||
<a href="" target="_blank" rel="noopener" style="color: inherit;text-decoration: none;">
|
|
||||||
<div style="line-height: 2rem;font-size: 11px;color:#727272"></div>
|
|
||||||
</a>
|
|
||||||
<img class="bubble-avatar g-left" src="" loading="lazy" draggable="false" no-view>
|
|
||||||
<span class="bubble-text g-right message-text"></span>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
</section>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
|
|
||||||
<div class="post-content" itemprop="articleBody">
|
<div class="post-content" itemprop="articleBody">
|
||||||
{{ .Content }}
|
{{ .Content }}
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
@@ -22,5 +22,60 @@
|
|||||||
<!-- 评论区内容 -->
|
<!-- 评论区内容 -->
|
||||||
<div id="waline"></div>
|
<div id="waline"></div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
<script type="text/javascript">
|
||||||
|
$(document).ready(function() {
|
||||||
|
// 获取当前页面的路径
|
||||||
|
var currentPath = "{{ .RelPermalink }}";
|
||||||
|
|
||||||
|
// 动态获取评论并发布弹幕
|
||||||
|
$.ajaxSettings.async = false;
|
||||||
|
$.getJSON('https://waline.usj.cc/api/comment?path=' + encodeURIComponent(currentPath), function(response) {
|
||||||
|
var data = response.data.data;
|
||||||
|
console.log(data);
|
||||||
|
// 每条弹幕发送间隔
|
||||||
|
var looper_time = 3 * 1000;
|
||||||
|
var items = data;
|
||||||
|
// 弹幕总数
|
||||||
|
var total = items.length;
|
||||||
|
// 是否首次执行
|
||||||
|
var run_once = true;
|
||||||
|
// 弹幕索引
|
||||||
|
var index = 0;
|
||||||
|
// 先执行一次
|
||||||
|
barrager();
|
||||||
|
|
||||||
|
function barrager() {
|
||||||
|
if (run_once) {
|
||||||
|
// 如果是首次执行, 则设置一个定时器, 并且把首次执行置为 false
|
||||||
|
looper = setInterval(barrager, looper_time);
|
||||||
|
run_once = false;
|
||||||
|
}
|
||||||
|
|
||||||
|
// 转换数据为弹幕所需的格式
|
||||||
|
var item = {
|
||||||
|
img: items[index].avatar || 'static/default-avatar.png', // 头像
|
||||||
|
info: items[index].orig || 'No comment', // 评论内容
|
||||||
|
href: items[index].link || '#', // 用户链接
|
||||||
|
close: true, // 显示关闭按钮
|
||||||
|
speed: 6, // 延迟,单位秒,默认6
|
||||||
|
color: '#fff', // 颜色,默认白色
|
||||||
|
old_ie_color: '#000000' // ie低版兼容色,不能与网页背景相同,默认黑色
|
||||||
|
};
|
||||||
|
|
||||||
|
// 发布一个弹幕
|
||||||
|
$('body').barrager(item);
|
||||||
|
// 索引自增
|
||||||
|
index++;
|
||||||
|
// 所有弹幕发布完毕,清除计时器
|
||||||
|
if (index == total) {
|
||||||
|
clearInterval(looper);
|
||||||
|
return false;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
});
|
||||||
|
});
|
||||||
|
</script>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
{{ end }}
|
{{ end }}
|
||||||
@@ -3,12 +3,12 @@
|
|||||||
© 2019 - {{ now.Year }}
|
© 2019 - {{ now.Year }}
|
||||||
<br>
|
<br>
|
||||||
<a href="https://beian.miit.gov.cn/" target="_blank"><span style="color:#999999;">鄂ICP备2022015735号-1</span></a>
|
<a href="https://beian.miit.gov.cn/" target="_blank"><span style="color:#999999;">鄂ICP备2022015735号-1</span></a>
|
||||||
<br>
|
{{/* <br>
|
||||||
本站由<a href="https://www.upyun.com/?utm_source=lianmeng&utm_medium=referral" target="blank" title="又拍云"
|
本站由<a href="https://www.upyun.com/?utm_source=lianmeng&utm_medium=referral" target="blank" title="又拍云"
|
||||||
style="display:inline-block;text-decoration:none;height:20px;line-height:20px;">
|
style="display:inline-block;text-decoration:none;height:20px;line-height:20px;">
|
||||||
<span style="color: var(--contentColor);font-weight: 700;">又拍云CDN</span>
|
<span style="color: var(--contentColor);font-weight: 700;">又拍云CDN</span>
|
||||||
</a>提供CDN加速服务
|
</a>提供CDN加速服务
|
||||||
<br>
|
<br> */}}
|
||||||
</nav>
|
</nav>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
@@ -9,7 +9,9 @@
|
|||||||
<link rel="stylesheet" href="/css/uikit.min.css">
|
<link rel="stylesheet" href="/css/uikit.min.css">
|
||||||
<link rel="stylesheet" href="/css/nprogress.min.css">
|
<link rel="stylesheet" href="/css/nprogress.min.css">
|
||||||
<link rel="stylesheet" href="https://unpkg.com/@waline/client@v3/dist/waline.css" />
|
<link rel="stylesheet" href="https://unpkg.com/@waline/client@v3/dist/waline.css" />
|
||||||
|
<link rel="stylesheet" href="https://usj.cc/usr/themes/Ying/css/barrager.css">
|
||||||
<script src="/js/jquery.min.js"></script>
|
<script src="/js/jquery.min.js"></script>
|
||||||
|
<script src="https://usj.cc/usr/themes/Ying/js/jquery.barrager.js"></script>
|
||||||
<script src="/js/jquery.scrollUp.min.js"></script>
|
<script src="/js/jquery.scrollUp.min.js"></script>
|
||||||
<script src="/js/pjax.js"></script>
|
<script src="/js/pjax.js"></script>
|
||||||
<script>console.log("\n %c Amigo Theme %c https://usj.cc \n", "color: #fadfa3; background: #030307; padding:3px; font-size:12px;", "color: #ffffff;background: #16171a; padding: 3px; font-size: 12px;");</script>
|
<script>console.log("\n %c Amigo Theme %c https://usj.cc \n", "color: #fadfa3; background: #030307; padding:3px; font-size:12px;", "color: #ffffff;background: #16171a; padding: 3px; font-size: 12px;");</script>
|
||||||
|
|||||||
Reference in new issue
Block a user