hexo-theme-butterfly/layout/includes/third-party/comments/facebook_comments.pug
Jerry a7d6d0fb80 breaking changes: CDN 配置了 version 為 true, 本地鏈接也會加上版本號 closed #1218
breaking changes: CDN option 部分參數名字修改
feat: 升級 fancybox 到 v5
feat: 更新 facebook js 版本
feat: 移除 gitter 聊天插件 closed #1212
improvement: 社交圖標 hover 旋轉180度 closed #1195
improvement: 代碼優化
fix: 開啟 archor 後, pace.js 會隨着 archor 添加而觸發的問題
fix: 修復設置圖片時,圖片後綴大寫而導致識別錯誤的 bug closed #1205
2023-03-09 22:35:41 +08:00

37 lines
1.6 KiB
Plaintext

- const fbSDKVer = 'v16.0'
- const fbSDK = theme.messenger.enable ? `https://connect.facebook.net/${theme.facebook_comments.lang}/sdk/xfbml.customerchat.js#xfbml=1&version=${fbSDKVer}` : `https://connect.facebook.net/${theme.facebook_comments.lang}/sdk.js#xfbml=1&version=${fbSDKVer}`
script.
function loadFBComment () {
document.getElementById('fb-root') ? '' : document.body.insertAdjacentHTML('afterend', '<div id="fb-root"></div>')
const themeNow = document.documentElement.getAttribute('data-theme') === 'dark' ? 'dark' : 'light'
const $fbComment = document.getElementsByClassName('fb-comments')[0]
$fbComment.setAttribute('data-colorscheme',themeNow)
$fbComment.setAttribute('data-href', '!{urlNoIndex(page.permalink)}')
if (typeof FB === 'object') {
FB.XFBML.parse(document.getElementsByClassName('post-meta-commentcount')[0])
FB.XFBML.parse(document.getElementById('post-comment'))
}
else {
let ele = document.createElement('script')
ele.setAttribute('src','!{fbSDK}')
ele.setAttribute('async', 'true')
ele.setAttribute('defer', 'true')
ele.setAttribute('crossorigin', 'anonymous')
ele.setAttribute('id', 'facebook-jssdk')
document.getElementById('fb-root').insertAdjacentElement('afterbegin',ele)
}
}
if ('!{theme.comments.use[0]}' === 'Facebook Comments' || !!{theme.comments.lazyload}) {
if (!{theme.comments.lazyload}) btf.loadComment(document.querySelector('#post-comment .fb-comments'), loadFBComment)
else loadFBComment()
} else {
function loadOtherComment () {
loadFBComment()
}
}