-
+const Loading = props => {
+ return (
+
+ )
}
export default Loading
diff --git a/components/Mark.js b/components/Mark.js
index ec2a7901f70..0f49c61cf9b 100644
--- a/components/Mark.js
+++ b/components/Mark.js
@@ -9,7 +9,10 @@ export default async function replaceSearchResult({ doms, search, target }) {
}
try {
- await loadExternalResource('https://cdnjs.cloudflare.com/ajax/libs/mark.js/8.11.1/mark.min.js', 'js')
+ await loadExternalResource(
+ 'https://cdnjs.cloudflare.com/ajax/libs/mark.js/8.11.1/mark.min.js',
+ 'js'
+ )
const Mark = window.Mark
if (doms instanceof HTMLCollection) {
for (const container of doms) {
diff --git a/components/NotionIcon.js b/components/NotionIcon.js
index e60b064008e..027058648aa 100644
--- a/components/NotionIcon.js
+++ b/components/NotionIcon.js
@@ -11,7 +11,7 @@ const NotionIcon = ({ icon }) => {
}
if (icon.startsWith('http') || icon.startsWith('data:')) {
- return
+ return
}
return
{icon}
diff --git a/components/OpenWrite.js b/components/OpenWrite.js
index 8866ff61641..002970407b0 100644
--- a/components/OpenWrite.js
+++ b/components/OpenWrite.js
@@ -75,7 +75,7 @@ const OpenWrite = () => {
useEffect(() => {
const isInYellowList = isPathInList(router.asPath, yellowList)
const isInWhiteList = isPathInList(router.asPath, whiteList)
-
+
// 优先判断黄名单
if (yellowList && yellowList.length > 0) {
if (!isInYellowList) {
@@ -87,22 +87,22 @@ const OpenWrite = () => {
console.log('当前路径在白名单中，放行')
return
}
-
+
if (isSignedIn) {
// 用户已登录免检
console.log('用户已登录，放行')
return
}
-
+
if (process.env.NODE_ENV === 'development') {
// 开发环境免检
console.log('开发环境:屏蔽OpenWrite')
return
}
-
+
if (isBrowser && blogId && !isSignedIn) {
toggleTocItems(true) // 禁止目录项的点击
-
+
// 检查是否已加载
const readMoreWrap = document.getElementById('read-more-wrap')
if (!readMoreWrap) {
diff --git a/components/PWA.js b/components/PWA.js
index 2a2921002b1..cdeead957e9 100644
--- a/components/PWA.js
+++ b/components/PWA.js
@@ -34,7 +34,11 @@ export function PWA(post, siteInfo) {
// 删除已有的 manifest link 元素（如果存在）
const existingManifest = document.querySelector('link[rel="manifest"]')
- if (existingManifest && existingManifest.parentNode && existingManifest.parentNode.contains(existingManifest)) {
+ if (
+ existingManifest &&
+ existingManifest.parentNode &&
+ existingManifest.parentNode.contains(existingManifest)
+ ) {
existingManifest.parentNode.removeChild(existingManifest)
}
diff --git a/components/PrismMac.js b/components/PrismMac.js
index 7e81fc01074..3d20925901a 100644
--- a/components/PrismMac.js
+++ b/components/PrismMac.js
@@ -160,7 +160,7 @@ const renderCollapseCode = (codeCollapse, codeCollapseExpandDefault) => {
/**
* 将mermaid语言 渲染成图片
*/
-const renderMermaid = async(mermaidCDN) => {
+const renderMermaid = async mermaidCDN => {
const observer = new MutationObserver(async mutationsList => {
for (const m of mutationsList) {
if (m.target.className === 'notion-code language-mermaid') {
diff --git a/components/Sakura.js b/components/Sakura.js
index e60b38c0200..9064d29d8b7 100644
--- a/components/Sakura.js
+++ b/components/Sakura.js
@@ -5,11 +5,11 @@ import { loadExternalResource } from '@/lib/utils'
const Sakura = () => {
useEffect(() => {
loadExternalResource('/js/sakura.js', 'js').then(url => {
- window.createSakura && window.createSakura({})
+ window.createSakura && window.createSakura({})
})
return () => window.destroySakura && window.destroySakura()
}, [])
return <>
}
-export default Sakura
\ No newline at end of file
+export default Sakura
diff --git a/components/Select.js b/components/Select.js
index 3ab8cb73fc0..167d0872082 100644
--- a/components/Select.js
+++ b/components/Select.js
@@ -4,21 +4,24 @@ import React from 'react'
* 下拉单选框
*/
class Select extends React.Component {
- constructor (props) {
+ constructor(props) {
super(props)
this.handleChange = this.handleChange.bind(this)
}
- handleChange (event) {
+ handleChange(event) {
const { onChange } = this.props
onChange(event.target.value)
}
- render () {
+ render() {
return (
-
- );
-};
+ )
+}
-export default Tabs;
+export default Tabs
diff --git a/components/TianliGPT.js b/components/TianliGPT.js
index 07aa2db61d7..3fa1afb07e4 100644
--- a/components/TianliGPT.js
+++ b/components/TianliGPT.js
@@ -30,8 +30,8 @@ const TianLiGPT = () => {
}
await loadExternalResource(tianliCss, 'css')
- window.tianliGPT_postSelector = '#notion-article';
- window.tianliGPT_key = tianliKey;
+ window.tianliGPT_postSelector = '#notion-article'
+ window.tianliGPT_key = tianliKey
await loadExternalResource(tianliJs, 'js')
}
diff --git a/components/Twikoo.js b/components/Twikoo.js
index 3d3a08ff9fc..2a713346fd1 100644
--- a/components/Twikoo.js
+++ b/components/Twikoo.js
@@ -51,7 +51,7 @@ const Twikoo = ({ isDarkMode }) => {
}, 1000)
return () => clearInterval(interval)
}, [isDarkMode])
- return
+ return
}
export default Twikoo
diff --git a/components/TwikooCommentCount.js b/components/TwikooCommentCount.js
index 29408d21c1d..b70ba9a7785 100644
--- a/components/TwikooCommentCount.js
+++ b/components/TwikooCommentCount.js
@@ -11,12 +11,16 @@ const TwikooCommentCount = ({ post, className }) => {
if (!JSON.parse(siteConfig('COMMENT_TWIKOO_COUNT_ENABLE'))) {
return null
}
- return
-
-
- {/* */}
-
+ return (
+
+
+
+ {/* */}
+
+ )
}
export default TwikooCommentCount
diff --git a/components/TwikooCommentCounter.js b/components/TwikooCommentCounter.js
index 7e2a15df5a1..a5064b7f05c 100644
--- a/components/TwikooCommentCounter.js
+++ b/components/TwikooCommentCounter.js
@@ -10,7 +10,7 @@ import { useEffect } from 'react'
* @constructor
*/
-const TwikooCommentCounter = (props) => {
+const TwikooCommentCounter = props => {
let commentsData = []
const { theme } = useGlobal()
const router = useRouter()
@@ -35,25 +35,28 @@ const TwikooCommentCounter = (props) => {
* 加载外部twikoojs
* @param {*} posts
*/
- const fetchTwikooData = async (posts) => {
+ const fetchTwikooData = async posts => {
posts.forEach(post => {
post.slug = post.slug.startsWith('/') ? post.slug : `/${post.slug}`
})
try {
await loadExternalResource(twikooCDNURL, 'js')
const twikoo = window.twikoo
- twikoo.getCommentsCount({
- envId: twikooENVID, // 环境 ID
- // region: 'ap-guangzhou', // 环境地域，默认为 ap-shanghai，如果您的环境地域不是上海，需传此参数
- urls: posts?.map(post => post.slug), // 不包含协议、域名、参数的文章路径列表，必传参数
- includeReply: true // 评论数是否包括回复，默认：false
- }).then(function (res) {
- commentsData = res
- updateCommentCount()
- }).catch(function (err) {
- // 发生错误
- console.error(err)
- })
+ twikoo
+ .getCommentsCount({
+ envId: twikooENVID, // 环境 ID
+ // region: 'ap-guangzhou', // 环境地域，默认为 ap-shanghai，如果您的环境地域不是上海，需传此参数
+ urls: posts?.map(post => post.slug), // 不包含协议、域名、参数的文章路径列表，必传参数
+ includeReply: true // 评论数是否包括回复，默认：false
+ })
+ .then(function (res) {
+ commentsData = res
+ updateCommentCount()
+ })
+ .catch(function (err) {
+ // 发生错误
+ console.error(err)
+ })
} catch (error) {
console.error('twikoo 加载失败', error)
}
@@ -67,12 +70,16 @@ const TwikooCommentCounter = (props) => {
const matchingRes = commentsData.find(r => r.url === post.slug)
if (matchingRes) {
// 修改评论数量div
- const textElements = document.querySelectorAll(`.comment-count-text-${post.id}`)
+ const textElements = document.querySelectorAll(
+ `.comment-count-text-${post.id}`
+ )
textElements.forEach(element => {
element.innerHTML = matchingRes.count
})
// 取消隐藏
- const wrapperElements = document.querySelectorAll(`.comment-count-wrapper-${post.id}`)
+ const wrapperElements = document.querySelectorAll(
+ `.comment-count-wrapper-${post.id}`
+ )
wrapperElements.forEach(element => {
element.classList.remove('hidden')
})
diff --git a/components/TwikooRecentComments.js b/components/TwikooRecentComments.js
index 306b17a2539..834a618bdd5 100644
--- a/components/TwikooRecentComments.js
+++ b/components/TwikooRecentComments.js
@@ -1,11 +1,10 @@
-
/**
* 显示最近评论 TODO
* @returns {JSX.Element}
* @constructor
*/
-const TwikooRecentComments = (props) => {
+const TwikooRecentComments = props => {
return null
}
diff --git a/components/Utterances.js b/components/Utterances.js
index 15ceb97a14d..52b16d6a057 100644
--- a/components/Utterances.js
+++ b/components/Utterances.js
@@ -12,49 +12,52 @@ import { useGlobal } from '@/lib/global'
const Utterances = ({ issueTerm, layout }) => {
const { isDarkMode } = useGlobal()
- const [isLoading, setLoading] = useState(true);
+ const [isLoading, setLoading] = useState(true)
useEffect(() => {
- const anchor = document.getElementById('comments');
+ const anchor = document.getElementById('comments')
if (!anchor) {
return
}
- const script = document.createElement('script');
- script.onload = () => setLoading(false);
- script.setAttribute('src', 'https://utteranc.es/client.js');
- script.setAttribute('crossorigin', 'anonymous');
- script.setAttribute('async', true);
- script.setAttribute('repo', siteConfig('COMMENT_UTTERRANCES_REPO'));
- script.setAttribute('issue-term', 'title');
+ const script = document.createElement('script')
+ script.onload = () => setLoading(false)
+ script.setAttribute('src', 'https://utteranc.es/client.js')
+ script.setAttribute('crossorigin', 'anonymous')
+ script.setAttribute('async', true)
+ script.setAttribute('repo', siteConfig('COMMENT_UTTERRANCES_REPO'))
+ script.setAttribute('issue-term', 'title')
// 初始主题
- script.setAttribute('theme', isDarkMode ? 'github-dark' : 'github-light');
- anchor?.appendChild(script);
+ script.setAttribute('theme', isDarkMode ? 'github-dark' : 'github-light')
+ anchor?.appendChild(script)
return () => {
// anchor.innerHTML = ''
- };
- }, []);
+ }
+ }, [])
useEffect(() => {
// 直接设置 iframe 的类来改变主题，不重新加载脚本
- const iframe = document.querySelector('iframe.utterances-frame');
+ const iframe = document.querySelector('iframe.utterances-frame')
if (iframe) {
- iframe.contentWindow.postMessage({
- type: 'set-theme',
- theme: isDarkMode ? 'github-dark' : 'github-light'
- }, 'https://utteranc.es');
+ iframe.contentWindow.postMessage(
+ {
+ type: 'set-theme',
+ theme: isDarkMode ? 'github-dark' : 'github-light'
+ },
+ 'https://utteranc.es'
+ )
}
- }, [isDarkMode]);
+ }, [isDarkMode])
return (
-
