75 lines
2.4 KiB
Plaintext
75 lines
2.4 KiB
Plaintext
<%
|
|
const {
|
|
client_id,
|
|
client_secret,
|
|
repository,
|
|
github_id,
|
|
github_admins
|
|
} = theme.comment?.gitalk
|
|
let cdn_css = '//cdn.jsdelivr.net/npm/gitalk/dist/gitalk.css'
|
|
let cdn_js = '//cdn.jsdelivr.net/npm/gitalk/dist/gitalk.min.js'
|
|
const { enable: t_cdn_enable, provider: t_cdn_provider } = theme?.cdn
|
|
if (t_cdn_enable === true) {
|
|
switch (t_cdn_provider) {
|
|
case 'jsdelivr':
|
|
cdn_css = '//cdn.jsdelivr.net/npm/gitalk/dist/gitalk.css'
|
|
cdn_js = '//cdn.jsdelivr.net/npm/gitalk/dist/gitalk.min.js'
|
|
break
|
|
|
|
case 'unpkg':
|
|
cdn_css = '//unpkg.com/gitalk/dist/gitalk.css'
|
|
cdn_js = '//unpkg.com/gitalk/dist/gitalk.min.js'
|
|
break
|
|
}
|
|
}
|
|
%>
|
|
|
|
<% if(
|
|
theme.comment.use === 'gitalk'
|
|
&& client_id
|
|
&& client_secret
|
|
&& github_id
|
|
&& repository
|
|
) { %>
|
|
<div class="gitalk-comment-container">
|
|
<div id="gitalk-container"></div>
|
|
<link rel="stylesheet" href="<%= cdn_css %>">
|
|
<script <%= theme.pjax.enable === true ? 'data-pjax' : '' %> src="<%= cdn_js %>"></script>
|
|
<script <%= theme.pjax.enable === true ? 'data-pjax' : '' %>>
|
|
function loadGitalk() {
|
|
let __gitalk__pathname = decodeURI(location.pathname);
|
|
const __gitalk__pathnameLength = __gitalk__pathname.length;
|
|
const __gitalk__pathnameMaxLength = 50;
|
|
if (__gitalk__pathnameLength > __gitalk__pathnameMaxLength) {
|
|
__gitalk__pathname = __gitalk__pathname.substring(0, __gitalk__pathnameMaxLength - 3) + '...';
|
|
}
|
|
|
|
try {
|
|
|
|
Gitalk && new Gitalk({
|
|
clientID: '<%= client_id %>',
|
|
clientSecret: '<%= client_secret %>',
|
|
repo: '<%= repository %>',
|
|
owner: '<%= github_id %>',
|
|
admin: '<%= github_admins || [github_id] %>',
|
|
id: __gitalk__pathname,
|
|
language: '<%= config.language %>'
|
|
}).render('gitalk-container');
|
|
|
|
} catch (e) {
|
|
window.Gitalk = null;
|
|
}
|
|
}
|
|
|
|
if ('<%= theme.pjax.enable %>' === 'true') {
|
|
const loadGitalkTimeout = setTimeout(() => {
|
|
loadGitalk();
|
|
clearTimeout(loadGitalkTimeout);
|
|
}, 1000);
|
|
} else {
|
|
window.addEventListener('DOMContentLoaded', loadGitalk);
|
|
}
|
|
</script>
|
|
</div>
|
|
<% } %>
|