mirror of
https://github.com/jerryc127/hexo-theme-butterfly.git
synced 2026-04-12 22:17:06 +08:00
775942ae3e
improvement: 首頁社交圖標左右邊距調整 feat: 文章版權增加圖標 improvement: 重構 main.js 代碼 improvement: 優化 pjax 下的性能 fix: 修復子目錄下,pjax 跳轉 404 錯誤 feat: getScript 增加 attribute 配置 improvement: 優化手機端 toc 打開和關閉特效 improvement: 文章進入特效改為 transform, 優化 stylus improvement: 目錄側邊欄出現滾動條時，元素不會被擠壓 feat: 文章左右對齊 improvement: 處理 waline 的 url 後面多 / 導致跨域的問題 fix: 修復夜間模式下，小屏幕的toc 滾動條顏色不明顯的 bug fix: 修復設置字體超過17px時，toc 裏面的邊框異常的 bug improvement: 優化語言文件部分用詞 improvement: disqus 和 disqusjs 的評論數獲取不到時，顯示為 0 improvement: disqusjs 的評論數改為 api 獲取 improvement: 代碼優化 improvement: 更新 plugins.yml
47 lines
2.0 KiB
Plaintext
47 lines
2.0 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.
|
|
(()=>{
|
|
const 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)
|
|
}
|
|
}
|
|
|
|
const fbModeChange = theme => {
|
|
const $fbComment = document.getElementsByClassName('fb-comments')[0]
|
|
if ($fbComment && typeof FB === 'object') {
|
|
$fbComment.setAttribute('data-colorscheme',theme)
|
|
FB.XFBML.parse(document.getElementById('post-comment'))
|
|
}
|
|
}
|
|
|
|
btf.addGlobalFn('themeChange', fbModeChange, 'facebook_comments')
|
|
|
|
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 {
|
|
window.loadOtherComment = loadFBComment
|
|
}
|
|
})()
|
|
|