优化增量静态及404处理

This commit is contained in:
tangly1024
2022-04-26 22:20:02 +08:00
parent 5a884f9a73
commit d0edae963b
10 changed files with 71 additions and 51 deletions

View File

@@ -24,9 +24,9 @@ export const ArticleLock = props => {
}
}
return <div className='w-full flex justify-center items-center h-96 font-sans'>
return <div id='container' className='w-full flex justify-center items-center h-96 font-sans'>
<div className='text-center space-y-3'>
<div className='font-bold'>{locale.COMMON.ARTICLE_LOCK_TIPS}</div>
<div className='font-bold'>{locale.COMMON.ARTICLE_LOCK_TIPS}</div>
<div className='flex'>
<input id="password" type='password' className='w-full text-sm pl-5 rounded-l transition focus:shadow-lgfont-light leading-10 text-black bg-white dark:bg-gray-500'></input>
<div onClick={submitPassword} className="px-3 whitespace-nowrap cursor-pointer items-center justify-center py-2 rounded-r duration-300 bg-gray-300" >
@@ -36,5 +36,5 @@ export const ArticleLock = props => {
<div id='tips'>
</div>
</div>
</div>
</div>
}

View File

@@ -24,11 +24,11 @@ export const ArticleLock = props => {
}
}
return (<div className="flex justify-center">
return (<div id='container' className="flex justify-center">
<div className="shadow md:hover:shadow-2xl overflow-x-auto max-w-5xl w-screen md:w-full py-10 px-5 lg:pt-24 md:px-24 min-h-screen dark:border-gray-700 bg-white dark:bg-gray-800 duration-200 subpixel-antialiased">
<div className="w-full flex justify-center items-center h-96 font-sans">
<div className="text-center space-y-3">
<div className='font-bold'>{locale.COMMON.ARTICLE_LOCK_TIPS}</div>
<div className='font-bold'>{locale.COMMON.ARTICLE_LOCK_TIPS}</div>
<div className="flex">
<input
id="password" type='password'

View File

@@ -23,7 +23,7 @@ export const ArticleLock = props => {
}
}
return <div className='w-full flex justify-center items-center h-96 font-sans'>
return <div id='container' className='w-full flex justify-center items-center h-96 font-sans'>
<div className='text-center space-y-3'>
<div className='font-bold'>{locale.COMMON.ARTICLE_LOCK_TIPS}</div>
<div className='flex'>
@@ -35,5 +35,5 @@ export const ArticleLock = props => {
<div id='tips'>
</div>
</div>
</div>
</div>
}

View File

@@ -5,7 +5,7 @@ import { useEffect } from 'react'
export default function HeaderArticle({ post, siteInfo }) {
if (!post) {
return <>loading...</>
return <></>
}
const headerImage = post?.page_cover ? `url("${post.page_cover}")` : `url("${siteInfo?.pageCover}")`
const { isDarkMode } = useGlobal()

View File

@@ -1,12 +1,13 @@
import BLOG from '@/blog.config'
import Link from 'next/link'
import React from 'react'
const Logo = props => {
const { siteInfo } = props
return <Link href='/' passHref>
<div className='flex flex-col justify-center items-center cursor-pointer space-y-3'>
<div className='font-sans text-lg p-1.5 rounded bg-black text-white dark:border-white border-black border'> {siteInfo?.title}</div>
</div>
<div className='flex flex-col justify-center items-center cursor-pointer space-y-3'>
<div className='font-sans text-lg p-1.5 rounded bg-black text-white dark:border-white border-black border'> {siteInfo?.title || BLOG.TITLE}</div>
</div>
</Link>
}
export default Logo

View File

@@ -24,7 +24,7 @@ export const ArticleLock = props => {
}
}
return <div className='w-full flex justify-center items-center h-96 font-sans'>
return <div id='container' className='w-full flex justify-center items-center h-96 font-sans'>
<div className='text-center space-y-3'>
<div className='font-bold'>{locale.COMMON.ARTICLE_LOCK_TIPS}</div>
<div className='flex'>
@@ -36,5 +36,5 @@ export const ArticleLock = props => {
<div id='tips'>
</div>
</div>
</div>
</div>
}

View File

@@ -25,7 +25,7 @@ export const ArticleLock = props => {
}
return (
<div className="shadow md:hover:shadow-2xl overflow-x-auto flex-grow mx-auto w-screen md:w-full py-10 px-5 lg:pt-24 md:px-24 min-h-screen dark:border-gray-700 bg-white dark:bg-gray-800 duration-200">
<div id='container' className="shadow md:hover:shadow-2xl overflow-x-auto flex-grow mx-auto w-screen md:w-full py-10 px-5 lg:pt-24 md:px-24 min-h-screen dark:border-gray-700 bg-white dark:bg-gray-800 duration-200">
<div className="w-full flex justify-center items-center h-96 font-sans">
<div className="text-center space-y-3">
<div className='font-bold'>{locale.COMMON.ARTICLE_LOCK_TIPS}</div>