Files
blog/themes/Ying/layouts/partials/artalk.html
T
2026-01-30 21:11:05 +08:00

52 lines
1.9 KiB
HTML

<!-- CSS -->
<!-- <link href="/css/Artalk.css" rel="stylesheet" /> -->
<style>
.atk-loading{
background: #FFFFFF;
}
/*对artalk评论暗夜模式进行微调*/
@media (prefers-color-scheme: dark) {
.atk-pinned-badge {
color: #ffffff !important;
background: #ff6262 !important;
}
}
[data-theme="dark"] .atk-pinned-badge {
color: #ffffff !important;
background: #ff6262 !important;
}
</style>
<!-- Artalk -->
<div id="Comments" uk-scrollspy="target: div,span,img; cls: uk-animation-slide-bottom-small;"></div>
<!-- JS -->
<!-- <script src="/js/Artalk.js"></script> -->
<script>
// Configuration for Artalk and AI Comment
window.artalkConfig = {
el: '#Comments',
server: '{{ .Site.Params.artalk.server }}',
site: '{{ .Site.Params.artalk.site }}',
pageKey: '{{ .RelPermalink }}',
emoticons: '{{ .Site.Params.artalk.emoticons | relURL }}',
aiComment: {{ if .Params.ai_comment }}
{{ $avatar := .Site.Params.ai.avatar }}
{{ if not $avatar }}{{ $avatar = .Site.Params.author.avatar }}{{ end }}
{{ if not $avatar }}{{ $avatar = "https://cravatar.cn/avatar/unknown?d=mp" }}{{ end }}
{{ dict "content" .Params.ai_comment "avatar" $avatar "name" (.Site.Params.ai.name | default "AI Assistant") "date" (.Date.Format "2006-01-02") | jsonify | safeJS }}
{{ else }}null{{ end }}
};
// Execute Initialization immediately if function exists (PJAX re-execution),
// otherwise wait for DOMContentLoaded (Initial load)
(function() {
if (typeof window.initArtalk === 'function') {
window.initArtalk();
} else {
document.addEventListener("DOMContentLoaded", function() {
if (typeof window.initArtalk === 'function') {
window.initArtalk();
}
});
}
})();
</script>