build

themes/example/LayoutSearch.js

@@ -38,7 +38,7 @@ export const LayoutSearch = props => {
     <LayoutBase {...props}>
       <h2>Search - {keyword}</h2>
       <SearchInput {...props} />
-      {postsToShow.map(p => (
+      {postsToShow?.map(p => (
         <div key={p.id} className="border my-12">
           <Link href={`/article/${p.slug}`}>
             <a className="underline cursor-pointer">{p.title}</a>

themes/fukasawa/LayoutSearch.js

@@ -14,10 +14,9 @@ export const LayoutSearch = (props) => {
         const re = new RegExp(`${currentSearch}`, 'gim')
         container.innerHTML = container.innerHTML.replace(re, `<span class='text-red-500 border-b border-dashed'>${currentSearch}</span>`)
       }
-    },
-    100)
+    }, 100)
   })
   return <LayoutBase {...props} currentSearch={currentSearch}>
-        <BlogListPage {...props}/>
+    <BlogListPage {...props} />
   </LayoutBase>
 }

themes/fukasawa/components/BlogListPage.js

@@ -17,7 +17,7 @@ const BlogListPage = ({ page = 1, posts = [], postCount }) => {
   const showNext = page < totalPage && posts.length === BLOG.POSTS_PER_PAGE && posts.length < postCount
   const [colCount, changeCol] = useState(1)
 
-  function updateCol () {
+  function updateCol() {
     if (window.outerWidth > 1200) {
       changeCol(3)
     } else {
@@ -40,7 +40,7 @@ const BlogListPage = ({ page = 1, posts = [], postCount }) => {
       <div id="container">
         {/* 文章列表 */}
         <div style={{ columnCount: colCount }}>
-          {posts.map(post => (
+          {posts?.map(post => (
             <div key={post.id} className='justify-center flex' style={{ breakInside: 'avoid' }}>
               <BlogCard key={post.id} post={post} />
             </div>

themes/hexo/LayoutSearch.js

@@ -27,7 +27,7 @@ export const LayoutSearch = props => {
             const re = new RegExp(`${currentSearch}`, 'gim')
             container.innerHTML = container.innerHTML.replace(
               re,
-            `<span class='text-red-500 border-b border-dashed'>${currentSearch}</span>`
+              `<span class='text-red-500 border-b border-dashed'>${currentSearch}</span>`
             )
             handleTextColor = true
           }
@@ -46,7 +46,7 @@ export const LayoutSearch = props => {
             {locale.COMMON.CATEGORY}:
           </div>
           <div id="category-list" className="duration-200 flex flex-wrap mx-8">
-            {categories.map(category => {
+            {categories?.map(category => {
               return (
                 <Link
                   key={category.name}
@@ -73,7 +73,7 @@ export const LayoutSearch = props => {
             {locale.COMMON.TAGS}:
           </div>
           <div id="tags-list" className="duration-200 flex flex-wrap ml-8">
-            {tags.map(tag => {
+            {tags?.map(tag => {
               return (
                 <div key={tag.name} className="p-2">
                   <TagItemMini key={tag.name} tag={tag} />

themes/medium/components/BlogPostListScroll.js

@@ -65,8 +65,8 @@ const BlogPostListScroll = ({ posts = [], currentSearch }) => {
 
       {/* 文章列表 */}
       <div className='space-y-1 lg:space-y-4'>
-        {postsToShow.map(post => (
-          <BlogPostCard key={post.id} post={post} showSummary={true}/>
+        {postsToShow?.map(post => (
+          <BlogPostCard key={post.id} post={post} showSummary={true} />
         ))}
       </div>
 
@@ -74,7 +74,7 @@ const BlogPostListScroll = ({ posts = [], currentSearch }) => {
         <div onClick={() => {
           handleGetMore()
         }}
-             className='w-full my-4 py-4 text-center cursor-pointer glassmorphism shadow-xl rounded-xl dark:text-gray-200'
+          className='w-full my-4 py-4 text-center cursor-pointer glassmorphism shadow-xl rounded-xl dark:text-gray-200'
         > {hasMore ? locale.COMMON.MORE : `${locale.COMMON.NO_MORE} 😰`} </div>
       </div>
     </div>
@@ -95,7 +95,7 @@ const getPostByPage = function (page, totalPosts, postsPerPage) {
   )
 }
 
-function getSearchKey () {
+function getSearchKey() {
   const router = useRouter()
   if (router.query && router.query.s) {
     return router.query.s

themes/medium/components/CategoryGroup.js

@@ -8,9 +8,9 @@ const CategoryGroup = ({ currentCategory, categories }) => {
   return <div id='category-list' className='pt-4'>
     <div className='mb-2'><i className='mr-2 fas fa-th' />分类</div>
     <div className='flex flex-wrap'>
-      {categories.map(category => {
+      {categories?.map(category => {
         const selected = currentCategory === category.name
-        return <CategoryItem key={category.name} selected={selected} category={category.name} categoryCount={category.count}/>
+        return <CategoryItem key={category.name} selected={selected} category={category.name} categoryCount={category.count} />
       })}
     </div>
   </div>

themes/medium/components/TagGroups.js

@@ -13,12 +13,12 @@ const TagGroups = ({ tags, currentTag }) => {
     <div id='tags-group' className='dark:border-gray-600 py-4'>
       <div className='mb-2'><i className='mr-2 fas fa-tag' />标签</div>
       <div className='space-y-2'>
-      {
-        tags.map(tag => {
-          const selected = tag.name === currentTag
-          return <TagItemMini key={tag.name} tag={tag} selected={selected} />
-        })
-      }
+        {
+          tags?.map(tag => {
+            const selected = tag.name === currentTag
+            return <TagItemMini key={tag.name} tag={tag} selected={selected} />
+          })
+        }
       </div>
     </div>
   )