hexo-theme-keep/layout/_partial/comment/gitalk.ejs

<%
const { enable: pjax_enable } = theme?.pjax
const {
    client_id,
    client_secret,
    repository,
    github_id,
    github_admins,
    proxy
} = 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(client_id && client_secret && github_id && repository) { %>
    <div class="gitalk-comment-container">
        <div id="gitalk-container"></div>
        <link rel="stylesheet" href="<%= cdn_css %>">
        <script <%= pjax_enable === true ? 'data-pjax' : '' %> src="<%= cdn_js %>"></script>
        <script <%= 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,
                proxy: '<%= proxy %>',
                language: '<%= config.language %>'
              }).render('gitalk-container');
            } catch (e) {
              window.Gitalk = null;
            }
          }

          if ('<%= pjax_enable %>' === 'true') {
            const loadGitalkTimeout = setTimeout(() => {
              loadGitalk();
              clearTimeout(loadGitalkTimeout);
            }, 1000);
          } else {
            window.addEventListener('DOMContentLoaded', loadGitalk);
          }
        </script>
    </div>
<% } %>