多语言 Fukasawa和Next主题

lib/lang/en-US.js

@@ -41,6 +41,7 @@ export default {
     ARTICLE_DETAIL: 'Article Details',
     PASSWORD_ERROR: 'Password Error!',
     ARTICLE_LOCK_TIPS: 'Please Enter the password:',
+    NO_RESULTS_FOUND: 'No results found.',
     SUBMIT: 'Submit',
     POST_TIME: 'Post on',
     LAST_EDITED_TIME: 'Last edited',
@@ -52,8 +53,8 @@ export default {
     ANNOUNCEMENT: 'Announcement',
     START_READING: 'Start Reading',
     MINUTE: 'min',
-    WORD_COUNT: 'W.C.'
-
+    WORD_COUNT: 'Words',
+    READ_TIME: 'Read Time'
   },
   PAGINATION: {
     PREV: 'Prev',

lib/lang/zh-CN.js

@@ -40,6 +40,7 @@ export default {
     VIEWS: '次查看',
     COPYRIGHT_NOTICE: '本文采用 CC BY-NC-SA 4.0 许可协议，转载请注明出处。',
     RESULT_OF_SEARCH: '篇搜索到的结果',
+    NO_RESULTS_FOUND: '没有找到文章',
     ARTICLE_DETAIL: '文章详情',
     PASSWORD_ERROR: '密码错误！',
     ARTICLE_LOCK_TIPS: '文章已上锁，请输入访问密码',
@@ -54,7 +55,8 @@ export default {
     ANNOUNCEMENT: '公告',
     START_READING: '开始阅读',
     MINUTE: '分钟',
-    WORD_COUNT: '字数'
+    WORD_COUNT: '字数',
+    READ_TIME: '阅读时长'
   },
   PAGINATION: {
     PREV: '上页',

themes/fukasawa/components/BlogListEmpty.js

@@ -1,3 +1,4 @@
+import { useGlobal } from '@/lib/global'
 
 /**
  * 空白博客 列表
@@ -5,8 +6,9 @@
  * @constructor
  */
 const BlogListEmpty = ({ currentSearch }) => {
+  const { locale } = useGlobal()
   return <div className='flex items-center justify-center min-h-screen mx-auto md:-mt-20'>
-        <p className='text-gray-500 dark:text-gray-300'>没有找到文章 {(currentSearch && <div>{currentSearch}</div>)}</p>
+        <p className='text-gray-500 dark:text-gray-300'>{locale.COMMON.NO_RESULTS_FOUND} {(currentSearch && <div>{currentSearch}</div>)}</p>
   </div>
 }
 export default BlogListEmpty

themes/gitbook/components/NavPostListEmpty.js

@@ -1,3 +1,4 @@
+import { useGlobal } from '@/lib/global'
 
 /**
  * 空白博客 列表
@@ -5,8 +6,9 @@
  * @constructor
  */
 const NavPostListEmpty = ({ currentSearch }) => {
+  const { locale } = useGlobal()
   return <div className='flex w-full items-center justify-center min-h-screen mx-auto md:-mt-20'>
-        <p className='text-gray-500 dark:text-gray-300'>没有找到文章 {(currentSearch && <div>{currentSearch}</div>)}</p>
+        <p className='text-gray-500 dark:text-gray-300'>{locale.COMMON.NO_RESULTS_FOUND}  {(currentSearch && <div>{currentSearch}</div>)}</p>
   </div>
 }
 export default NavPostListEmpty

themes/medium/components/BlogPostListEmpty.js

@@ -1,3 +1,4 @@
+import { useGlobal } from '@/lib/global'
 
 /**
  * 空白博客 列表
@@ -5,8 +6,9 @@
  * @constructor
  */
 const BlogPostListEmpty = ({ currentSearch }) => {
+  const { locale } = useGlobal()
   return <div className='flex w-full items-center justify-center min-h-screen mx-auto md:-mt-20'>
-        <p className='text-gray-500 dark:text-gray-300'>没有找到文章 {(currentSearch && <div>{currentSearch}</div>)}</p>
+        <p className='text-gray-500 dark:text-gray-300'>{locale.COMMON.NO_RESULTS_FOUND}  {(currentSearch && <div>{currentSearch}</div>)}</p>
   </div>
 }
 export default BlogPostListEmpty

themes/nav/components/BlogPostListEmpty.js

@@ -1,3 +1,4 @@
+import { useGlobal } from '@/lib/global'
 
 /**
  * 空白博客 列表
@@ -5,8 +6,9 @@
  * @constructor
  */
 const BlogPostListEmpty = ({ currentSearch }) => {
+  const { locale } = useGlobal()
   return <div className='flex w-full items-center justify-center min-h-screen mx-auto md:-mt-20'>
-        <p className='text-gray-500 dark:text-gray-300'>没有找到文章 {(currentSearch && <div>{currentSearch}</div>)}</p>
+        <p className='text-gray-500 dark:text-gray-300'>{locale.COMMON.NO_RESULTS_FOUND}  {(currentSearch && <div>{currentSearch}</div>)}</p>
   </div>
 }
 export default BlogPostListEmpty

themes/nav/components/NavPostListEmpty.js

@@ -1,3 +1,4 @@
+import { useGlobal } from '@/lib/global'
 
 /**
  * 空白博客 列表
@@ -5,8 +6,9 @@
  * @constructor
  */
 const NavPostListEmpty = ({ currentSearch }) => {
+  const { locale } = useGlobal()
   return <div className='flex w-full items-center justify-center min-h-screen mx-auto md:-mt-20'>
-        <p className='text-gray-500 dark:text-gray-300'>没有找到文章 {(currentSearch && <div>{currentSearch}</div>)}</p>
+        <p className='text-gray-500 dark:text-gray-300'>{locale.COMMON.NO_RESULTS_FOUND}  {(currentSearch && <div>{currentSearch}</div>)}</p>
   </div>
 }
 export default NavPostListEmpty

themes/next/components/BlogPostListEmpty.js

@@ -1,3 +1,4 @@
+import { useGlobal } from '@/lib/global'
 
 /**
  * 空白博客 列表
@@ -5,8 +6,9 @@
  * @constructor
  */
 const BlogPostListEmpty = ({ currentSearch }) => {
+  const { locale } = useGlobal()
   return <div className='flex items-center justify-center min-h-screen mx-auto md:-mt-20'>
-        <p className='text-gray-500 dark:text-gray-300'>没有找到文章 {(currentSearch && <div>{currentSearch}</div>)}</p>
+        <p className='text-gray-500 dark:text-gray-300'>{locale.COMMON.NO_RESULTS_FOUND}  {(currentSearch && <div>{currentSearch}</div>)}</p>
   </div>
 }
 export default BlogPostListEmpty

themes/next/components/WordCount.js

@@ -1,3 +1,4 @@
+import { useGlobal } from '@/lib/global'
 import { useEffect } from 'react'
 
 /**
@@ -9,8 +10,12 @@ export default function WordCount() {
     countWords()
   })
 
+  const { locale } = useGlobal()
+
   return <div id='wordCountWrapper' className='flex justify-center my-auto font-light'>
-    <i className='mr-1 fas fa-file-word my-auto' /> <span className='hidden md:block'>本文字数</span> <strong id='wordCount'>0</strong> &nbsp;|&nbsp; <i className='mr-1 fas fa-clock my-auto' /> <span className='hidden md:block'>阅读时长 ≈</span> <strong id='readTime'>0</strong> 分钟
+    <i className='mr-1 fas fa-file-word my-auto' />
+    <span className='hidden md:block'>{locale.COMMON.WORD_COUNT}≈</span>
+    <strong id='wordCount'>0</strong> &nbsp;|&nbsp; <i className='mr-1 fas fa-clock my-auto' />{locale.COMMON.READ_TIME} <span className='hidden md:block'>≈</span> <strong id='readTime'>0</strong> {locale.COMMON.MINUTE}
   </div>
 }