chore: localize theme wording for zh-TW

mhhung/components/ArticleAround.js

@@ -1,7 +1,7 @@
 import SmartLink from '@/components/SmartLink'
 
 /**
- * 上一篇，下一篇文章
+ * 上一則與下一則文章
  * @param {prev,next} param0
  * @returns
  */

mhhung/components/ArticleInfo.js

@@ -6,7 +6,7 @@ import { formatDateFmt } from '@/lib/utils/formatDate'
 import NotionIcon from '@/components/NotionIcon'
 
 /**
- * 文章描述
+ * 文章說明
  * @param {*} props
  * @returns
  */
@@ -27,7 +27,7 @@ export default function ArticleInfo(props) {
           <header className='text-md text-[var(--primary-color)] dark:text-gray-300 flex-wrap flex items-center leading-6'>
             <div className='space-x-2'>
               <span className='text-sm'>
-                发布于
+                發佈於
                 <SmartLink
                   className='p-1 hover:text-red-400 transition-all duration-200'
                   href={`/archive#${formatDateFmt(post?.publishDate, 'yyyy-MM')}`}>

mhhung/components/ArticleLock.js

@@ -2,10 +2,10 @@ import { useGlobal } from '@/lib/global'
 import { useEffect, useRef } from 'react'
 
 /**
- * 加密文章校验组件
+ * 加密文章驗證元件
  * @param {password, validPassword} props
- * @param password 正确的密码
+ * @param password 正確的密碼
- * @param validPassword(bool) 回调函数，校验正确回调入参为true
+ * @param validPassword(bool) 回呼函式，驗證正確回呼參數為 true
  * @returns
  */
 export default function ArticleLock (props) {
@@ -24,7 +24,7 @@ export default function ArticleLock (props) {
   }
   const passwordInputRef = useRef(null)
   useEffect(() => {
-    // 选中密码输入框并将其聚焦
+    // 選中密碼輸入框並將其聚焦
     passwordInputRef.current.focus()
   }, [])
 
@@ -38,7 +38,7 @@ export default function ArticleLock (props) {
                         submitPassword()
                       }
                     }}
-                    ref={passwordInputRef} // 绑定ref到passwordInputRef变量
+                    ref={passwordInputRef} // 綁定 ref 到 passwordInputRef 變數
                     className='outline-none w-full text-sm pl-5 rounded-l transition focus:shadow-lg font-light leading-10 text-black dark:bg-gray-500 bg-gray-50'
                 ></input>
                 <div onClick={submitPassword} className="px-3 whitespace-nowrap cursor-pointer items-center justify-center py-2 rounded-r duration-300 bg-gray-300" >

mhhung/components/BlogArchiveItem.js

@@ -1,7 +1,7 @@
 import SmartLink from '@/components/SmartLink'
 
 /**
- * 归档分组文章
+ * 歸檔文章清單
  * @param {*} param0
  * @returns
  */

mhhung/components/BlogItem.js

@@ -16,11 +16,11 @@ export const BlogItem = props => {
     siteConfig('POST_LIST_PREVIEW', false, NOTION_CONFIG) && post.blockMap
   return (
     <div key={post.id} className='h-42 mt-6 mb-10'>
-      {/* 文章标题 */}
+      {/* 文章標題 */}
 
       <div className='flex'>
         <div className='article-cover h-full'>
-          {/* 图片封面 */}
+          {/* 圖片封面 */}
           {showPageCover && (
             <div className='overflow-hidden mr-2 w-56 h-full'>
               <SmartLink href={post.href} passHref legacyBehavior>
@@ -45,11 +45,11 @@ export const BlogItem = props => {
             </SmartLink>
           </h2>
 
-          {/* 文章信息 */}
+          {/* 文章資訊 */}
           <header className='text-md text-[var(--primary-color)] dark:text-gray-300 flex-wrap flex items-center leading-6'>
             <div className='space-x-2'>
               <span className='text-sm'>
-                发布于
+                發佈於
                 <SmartLink
                   className='p-1 hover:text-red-400 transition-all duration-200'
                   href={`/archive#${formatDateFmt(post?.publishDate, 'yyyy-MM')}`}>

mhhung/components/BlogListPage.js

@@ -7,7 +7,7 @@ import CONFIG from '../config'
 import { BlogItem } from './BlogItem'
 
 /**
- * 博客列表
+ * 部落格文章列表
  * @param {*} props
  * @returns
  */
@@ -19,7 +19,7 @@ export default function BlogListPage(props) {
   const totalPage = Math.ceil(postCount / POSTS_PER_PAGE)
   const currentPage = +page
 
-  // 博客列表嵌入广告
+  // 部落格列表插入廣告
   const TYPOGRAPHY_POST_AD_ENABLE = siteConfig(
     'TYPOGRAPHY_POST_AD_ENABLE',
     false,

mhhung/components/BlogListScroll.js

@@ -5,7 +5,7 @@ import { useCallback, useEffect, useRef, useState } from 'react'
 import { BlogItem } from './BlogItem'
 
 /**
- * 滚动博客列表
+ * 捲動部落格列表
  * @param {*} props
  * @returns
  */
@@ -30,7 +30,7 @@ export default function BlogListScroll(props) {
 
   const targetRef = useRef(null)
 
-  // 监听滚动自动分页加载
+  // 監聽滾動自動分頁載入
   const scrollTrigger = useCallback(
     throttle(() => {
       const scrollS = window.scrollY + window.outerHeight

mhhung/components/BlogPostBar.js

@@ -1,7 +1,7 @@
 import { useGlobal } from '@/lib/global'
 
 /**
- * 文章列表上方嵌入
+ * 文章列表上方區塊
  * @param {*} props
  * @returns
  */

mhhung/components/Catalog.js

@@ -4,26 +4,26 @@ import { uuidToId } from 'notion-utils'
 import { useEffect, useRef, useState } from 'react'
 
 /**
- * 目录导航组件
+ * 目錄導覽元件
  * @param toc
  * @returns {JSX.Element}
  * @constructor
  */
 const Catalog = ({ post }) => {
   const { locale } = useGlobal()
-  // 目录自动滚动
+  // 目錄自動滾動
   const tRef = useRef(null)
-  // 同步选中目录事件
+  // 同步選中目錄事件
   const [activeSection, setActiveSection] = useState(null)
 
-  // 监听滚动事件
+  // 監聽滾動事件
   useEffect(() => {
-    // 如果没有文章或目录，不执行任何操作
+    // 如果沒有文章或目錄，不執行任何操作
     if (!post || !post?.toc || post?.toc?.length < 1) {
       return
     }
     
-    const throttleMs = 100 // 降低节流时间提高响应速度
+    const throttleMs = 100 // 降低節流時間提高響應速度
     
     const actionSectionScrollSpy = throttle(() => {
       const sections = document.getElementsByClassName('notion-h')
@@ -32,34 +32,34 @@ const Catalog = ({ post }) => {
       let prevBBox = null
       let currentSectionId = null
       
-      // 先检查当前视口中的所有标题
+      // 先檢查當前視窗中的所有標題
       for (let i = 0; i < sections.length; ++i) {
         const section = sections[i]
         if (!section || !(section instanceof Element)) continue
         
         const bbox = section.getBoundingClientRect()
-        const offset = 100 // 固定偏移量，避免计算不稳定
+        const offset = 100 // 固定位移量，避免計算不穩定
         
-        // 如果标题在视口上方或接近顶部，认为是当前标题
+        // 如果標題在視窗上方或接近頂部，認為是當前標題
         if (bbox.top - offset < 0) {
           currentSectionId = section.getAttribute('data-id')
           prevBBox = bbox
         } else {
-          // 找到第一个在视口下方的标题就停止
+          // 找到第一個在視窗下方的標題就停止
           break
         }
       }
       
-      // 如果没找到任何标题在视口上方，使用第一个标题
+      // 如果沒找到任何標題在視窗上方，使用第一個標題
       if (!currentSectionId && sections.length > 0) {
         currentSectionId = sections[0].getAttribute('data-id')
       }
       
-      // 只有当 ID 变化时才更新状态，减少不必要的渲染
+      // 只有當 ID 變化時才更新狀態，減少不必要的渲染
       if (currentSectionId !== activeSection) {
         setActiveSection(currentSectionId)
         
-        // 查找目录中对应的索引并滚动
+        // 查找目錄中對應的索引並滾動
         const index = post?.toc?.findIndex(
           obj => uuidToId(obj.id) === currentSectionId
         )
@@ -73,20 +73,20 @@ const Catalog = ({ post }) => {
     const content = document.querySelector('#container-inner')
     if (!content) return // 防止 content 不存在
     
-    // 添加滚动和内容变化的监听
+    // 添加滾動和內容變化的監聽
     content.addEventListener('scroll', actionSectionScrollSpy)
     
-    // 初始执行一次
+    // 初始執行一次
     setTimeout(() => {
       actionSectionScrollSpy()
-    }, 300) // 延迟执行确保 DOM 已完全加载
+    }, 300) // 延遲執行確保 DOM 已完全載入
     
     return () => {
       content?.removeEventListener('scroll', actionSectionScrollSpy)
     }
   }, [post])
 
-  // 无目录就直接返回空
+  // 無目錄就直接返回空
   if (!post || !post?.toc || post?.toc?.length < 1) {
     return <></>
   }

mhhung/components/JumpToTopButton.js

@@ -2,10 +2,10 @@ import { useGlobal } from '@/lib/global'
 import { useEffect, useState } from 'react'
 
 /**
- * 跳转到网页顶部
+ * 跳轉到網頁頂部
- * 当屏幕下滑500像素后会出现该控件
+ * 當畫面下滑 500 像素後會出現此按鈕
- * @param targetRef 关联高度的目标html标签
+ * @param targetRef 連結高度的目標 html 元素
- * @param showPercent 是否显示百分比
+ * @param showPercent 是否顯示百分比
  * @returns {JSX.Element}
  * @constructor
  */

mhhung/components/MenuItemCollapse.js

@@ -3,7 +3,7 @@ import SmartLink from '@/components/SmartLink'
 import { useState } from 'react'
 
 /**
- * 折叠菜单
+ * 收合選單
  * @param {*} param0
  * @returns
  */
@@ -64,7 +64,7 @@ export const MenuItemCollapse = props => {
         )}
       </div>
 
-      {/* 折叠子菜单 */}
+      {/* 收合子選單 */}
       {hasSubMenu && (
         <Collapse isOpen={isOpen} onHeightChange={props.onHeightChange}>
           {link.subMenus.map((sLink, index) => {

mhhung/components/MenuItemDrop.js

@@ -49,7 +49,7 @@ export const MenuItemDrop = ({ link }) => {
               )}
             </div>
 
-            {/* 子菜單 */}
+            {/* 子選單 */}
             <ul
               className={`${show ? 'visible opacity-100' : 'invisible opacity-0'} absolute glassmorphism md:left-28 md:top-0 top-6 w-full border-gray-100 transition-all duration-300 z-20 block`}>
               {link?.subMenus?.map((sLink, index) => {

mhhung/components/MenuList.js

@@ -8,7 +8,7 @@ import { MenuItemCollapse } from './MenuItemCollapse'
 import { MenuItemDrop } from './MenuItemDrop'
 
 /**
- * 菜单导航
+ * 選單導覽
  * @param {*} props
  * @returns
  */
@@ -53,7 +53,7 @@ export const MenuList = ({ customNav, customMenu }) => {
     links = links.concat(customNav)
   }
 
-  // 如果 开启自定义菜单，则覆盖 Page 生成的菜单
+  // 如果 開啟自訂選單，則覆蓋 Page 生成的選單
   if (siteConfig('CUSTOM_MENU')) {
     links = customMenu
   }
@@ -64,13 +64,13 @@ export const MenuList = ({ customNav, customMenu }) => {
 
   return (
     <>
-      {/* 大屏模式菜单 - 垂直排列 */}
+      {/* 大螢幕模式選單 - 垂直排列 */}
       <div id='nav-menu-pc' className='hidden md:flex md:flex-col md:gap-2'>
         {links?.map((link, index) => (
           <MenuItemDrop key={index} link={link} />
         ))}
       </div>
-      {/* 移动端小屏菜单 - 水平排列 */}
+      {/* 行動端小螢幕選單 - 水平排列 */}
       <div
         id='nav-menu-mobile'
         className='flex md:hidden my-auto justify-center space-x-4'>

mhhung/components/NavBar.js

@@ -7,7 +7,7 @@ import SocialButton from './SocialButton'
 import SmartLink from '@/components/SmartLink'
 
 /**
- * 菜单导航
+ * 選單導覽
  * @param {*} props
  * @returns
  */

mhhung/components/RecommendPosts.js

@@ -4,7 +4,7 @@ import CONFIG from '../config'
 import { siteConfig } from '@/lib/config'
 
 /**
- * 展示文章推荐
+ * 顯示文章推薦
  */
 const RecommendPosts = ({ recommendPosts }) => {
   const { locale } = useGlobal()

mhhung/components/SocialButton.js

@@ -1,7 +1,7 @@
 import { siteConfig } from '@/lib/config'
 
 /**
- * 社交联系方式按钮组
+ * 社交聯絡方式按鈕組
  * @returns {JSX.Element}
  * @constructor
  */

mhhung/components/Title.js

@@ -1,7 +1,7 @@
 import { siteConfig } from '@/lib/config'
 
 /**
- * 标题栏
+ * 標題區塊
  * @param {*} props
  * @returns
  */

mhhung/components/TopBar.js

@@ -2,7 +2,7 @@ import CONFIG from '../config'
 import { siteConfig } from '@/lib/config'
 
 /**
- * 网站顶部 提示栏
+ * 網站上方提示列
  * @returns
  */
 export default function TopBar (props) {

mhhung/config.js

@@ -1,17 +1,17 @@
 const CONFIG = {
-  // 博客標題 雙語言
+  // 部落格標題 雙語言
   TYPOGRAPHY_BLOG_NAME: process.env.NEXT_PUBLIC_TYPOGRAPHY_BLOG_NAME || '活字印刷',
   TYPOGRAPHY_BLOG_NAME_EN: process.env.NEXT_PUBLIC_TYPOGRAPHY_BLOG_NAME_EN || process.env.NEXT_PUBLIC_TYPOGRAPHY_BLOG_NAME || 'Typography',
 
-  TYPOGRAPHY_POST_AD_ENABLE: process.env.NEXT_PUBLIC_TYPOGRAPHY_POST_AD_ENABLE || false, // 文章列表是否插入广告
+  TYPOGRAPHY_POST_AD_ENABLE: process.env.NEXT_PUBLIC_TYPOGRAPHY_POST_AD_ENABLE || false, // 文章列表是否插入廣告
 
-  TYPOGRAPHY_POST_COVER_ENABLE: process.env.NEXT_PUBLIC_TYPOGRAPHY_POST_COVER_ENABLE || false, // 是否展示博客封面
+  TYPOGRAPHY_POST_COVER_ENABLE: process.env.NEXT_PUBLIC_TYPOGRAPHY_POST_COVER_ENABLE || false, // 是否展示部落格封面
 
-  TYPOGRAPHY_ARTICLE_RECOMMEND_POSTS: process.env.NEXT_PUBLIC_TYPOGRAPHY_ARTICLE_RECOMMEND_POSTS || true, // 文章详情底部显示推荐
+  TYPOGRAPHY_ARTICLE_RECOMMEND_POSTS: process.env.NEXT_PUBLIC_TYPOGRAPHY_ARTICLE_RECOMMEND_POSTS || true, // 文章詳情底部顯示推薦
 
-  // 菜单配置
+  // 選單設定
-  TYPOGRAPHY_MENU_CATEGORY: true, // 显示分类
+  TYPOGRAPHY_MENU_CATEGORY: true, // 顯示分類
-  TYPOGRAPHY_MENU_TAG: true, // 显示标签
+  TYPOGRAPHY_MENU_TAG: true, // 顯示標籤
-  TYPOGRAPHY_MENU_ARCHIVE: true, // 显示归档
+  TYPOGRAPHY_MENU_ARCHIVE: true, // 顯示歸檔
 }
 export default CONFIG

mhhung/layouts/NotFoundLayout.jsx

@@ -20,7 +20,7 @@ const Layout404 = props => {
       const article = document.querySelector('#article-wrapper #notion-article')
       if (!article) {
         router.push('/404').then(() => {
-          console.warn('找不到页面', router.asPath)
+          console.warn('找不到頁面', router.asPath)
         })
       }
     }, waiting404)

mhhung/style.js

@@ -1,7 +1,7 @@
 /* eslint-disable react/no-unknown-property */
 /**
- * 此处样式只对当前主题生效
+ * 此處樣式只對當前主題生效
- * 此处不支持 tailwindCSS 的 @apply 语法
+ * 此處不支援 tailwindCSS 的 @apply 語法
  * @returns
  */
 const Style = () => {
@@ -29,7 +29,7 @@ const Style = () => {
       .dark body {
         background-color: rgb(35, 34, 34);
       }
-      // 文本不可选取
+      // 文字不可選取
       .forbid-copy {
         user-select: none;
         -webkit-user-select: none;