https://696988.xyz/_next/static/chunks/633.86074cbef261ef33.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[633,7835,70387,6140,27143,24596,70752,78790,6221,29259,74533,94062,37706,99083,79434],{78790:function(e,t,r){r.d(t,{Z:function(){return o}});var n=r(85893),a=r(21384),l=r(9008),s=r.n(l),i=r(67294);let c=(e,t)=>{let r=Number(e),n=Number(t);return Number.isFinite(r)&&r>0?Number.isFinite(n)&&n>0?Math.min(r,n):r:t};function o(e){let{priority:t,id:r,src:l,alt:o,fallbackSrc:d,placeholderSrc:h,className:m,width:f,height:p,title:g,onLoad:v,onClick:_,style:x,loading:E}=e,N=c(f,(0,a.JA)("IMAGE_COMPRESS_WIDTH")),O=(0,a.JA)("IMG_LAZY_LOAD_PLACEHOLDER"),P=(0,i.useRef)(null),[A,T]=(0,i.useState)(t&&l?u(l,N):h||O),[w,j]=(0,i.useState)(!!(t&&l)),y=(0,i.useCallback)(()=>{P.current&&(P.current.src!==d&&d?P.current.src=d:P.current.src!==h&&h?P.current.src=h:P.current.src=O,j(!0),P.current.classList.remove("lazy-image-placeholder"))},[O,d,h]);(0,i.useEffect)(()=>{let e=u(l,N)||O,r=P.current,n=()=>{"function"==typeof v&&v(),j(!0),P.current&&P.current.classList.remove("lazy-image-placeholder")};if(t){let t=new Image;t.src=e,t.onload=()=>{T(e),n(e)},t.onerror=y;return}if(!window.IntersectionObserver){let t=new Image;t.src=e,t.onload=()=>{T(e),n(e)},t.onerror=y;return}let s=new IntersectionObserver(t=>{t.forEach(t=>{if(t.isIntersecting){let r=new Image;"decoding"in r&&(r.decoding="async"),r.src=e,r.onload=()=>{T(e),n(e)},r.onerror=y,s.unobserve(t.target)}})},{rootMargin:(0,a.JA)("LAZY_LOAD_THRESHOLD","200px"),threshold:.1});return r&&s.observe(r),()=>{r&&s.unobserve(r)}},[l,N,t,O,d,y,v,h]);let R={ref:P,src:A,"data-src":l,alt:o||"Lazy loaded image",onLoad:()=>{},onError:y,className:"".concat(m||"").concat(w?"":" lazy-image-placeholder"),style:{aspectRatio:f&&p?"".concat(f," / ").concat(p):void 0,containIntrinsicSize:f||p?void 0:"300px 200px",...x},onClick:_,loading:t?"eager":E||"lazy",decoding:"async",...(0,a.JA)("WEBP_SUPPORT")&&{"data-webp":!0},...(0,a.JA)("AVIF_SUPPORT")&&{"data-avif":!0}};return(r&&(R.id=r),g&&(R.title=g),f&&(R.width=f),p&&(R.height=p),t&&(R.fetchpriority="high"),l)?(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("img",{alt:R.alt,...R}),t&&(0,n.jsx)(s(),{children:(0,n.jsx)("link",{rel:"preload",as:"image",href:u(l,N),fetchpriority:"high"})})]}):null}let u=(e,t)=>{var r,n;if(!e)return null;let a=(null===(n=window)||void 0===n?void 0:null===(r=n.screen)||void 0===r?void 0:r.width)||t,l=Number(t),s=Number.isFinite(l)&&l>0?Math.min(a,l):a;return s?e.replace(/width=\d+/,"width=".concat(s)).replace(/w=\d+/,"w=".concat(s)):e}},98685:function(e,t,r){var n=r(85893),a=r(78790);t.Z=e=>{let{icon:t}=e;return t?t.startsWith("http")||t.startsWith("data:")?(0,n.jsx)(a.Z,{src:t,width:32,height:32,className:"w-8 h-8 my-auto inline mr-1"}):(0,n.jsx)("span",{className:"mr-1",children:t}):(0,n.jsx)(n.Fragment,{})}},7835:function(e,t,r){var n=r(85893),a=r(41664),l=r.n(a),s=r(21384);let i=e=>{let{passHref:t,legacyBehavior:r,placeholderSrc:n,fallbackSrc:a,...l}=e;return l},c=e=>{let{placeholderSrc:t,fallbackSrc:r,src:n,alt:a,width:l,height:s,loading:i,decoding:c,onLoad:o,onError:u,...d}=e;return d};t.Z=e=>{let{href:t,children:r,...a}=e,o=(0,s.JA)("LINK"),u="";"string"==typeof t?u=t:"object"==typeof t&&null!==t&&"string"==typeof t.pathname&&(u=t.pathname);let d=u.startsWith("http")&&!u.startsWith(o),h=()=>{var e;let t=new URLSearchParams((null===(e=window.location.search)||void 0===e?void 0:e.slice(1))||""),r={};for(let[e,n]of t.entries())""!==n&&(r[e]=n);return r};if(d){let e="string"==typeof t?t:new URL(t.pathname,o).toString();return(0,n.jsx)("a",{href:e,target:"_blank",rel:"noopener noreferrer",...i(a),children:r})}let m="string"==typeof t?(e=>{if("string"!=typeof e||!e||e.startsWith("#"))return e;let t=h();if(0===Object.keys(t).length)return e;let r=e.startsWith("http://")||e.startsWith("https://"),n=new URL(e,o);return(Object.entries(t).forEach(e=>{let[t,r]=e;n.searchParams.has(t)||n.searchParams.set(t,r)}),r)?n.toString():"".concat(n.pathname).concat(n.search).concat(n.hash)})(t):(e=>{if(!e||"object"!=typeof e)return e;let t=h();return 0===Object.keys(t).length?e:{...e,query:{...t,...e.query||{}}}})(t);return(0,n.jsx)(l(),{href:m,...c(a),children:r})}},55376:function(e,t,r){var n=r(85893),a=r(21384);t.Z=e=>{let{post:t,className:r}=e;return JSON.parse((0,a.JA)("COMMENT_TWIKOO_COUNT_ENABLE"))?(0,n.jsxs)("a",{href:"".concat(t.slug,"?target=comment"),className:"mx-1 hidden comment-count-wrapper-".concat(t.id," ").concat(r||""),children:[(0,n.jsx)("i",{className:"far fa-comment mr-1"}),(0,n.jsx)("span",{className:"comment-count-text-".concat(t.id)})]}):null}},84797:function(e,t,r){r.d(t,{Z:function(){return l},x:function(){return s}});var n=r(57733),a=r.n(n);function l(e){let t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:a().LANG;if(!e||!t)return e||"";let r=new Date(e).toLocaleDateString(t,{year:"numeric",month:"short",day:"numeric"});return"zh"===t.slice(0,2).toLowerCase()?r.replace("年","-").replace("月","-").replace("日",""):r}function s(e,t){let r=new Date(e),n={"M+":r.getMonth()+1,"d+":r.getDate(),"h+":r.getHours(),"m+":r.getMinutes(),"s+":r.getSeconds(),"q+":Math.floor((r.getMonth()+3)/3),S:r.getMilliseconds()};for(let e in/(y+)/.test(t)&&(t=t.replace(RegExp.$1,(r.getFullYear()+"").substr(4-RegExp.$1.length))),n)RegExp("("+e+")").test(t)&&(t=t.replace(RegExp.$1,1===RegExp.$1.length?n[e]:("00"+n[e]).substr((""+n[e]).length)));return t.trim()}},30548:function(e,t,r){r.d(t,{Z:function(){return n}});function n(e){let t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:100,r=null,n=0,a=null;return function(){for(var l=arguments.length,s=Array(l),i=0;i<l;i++)s[i]=arguments[i];let c=Date.now(),o=t-(c-n);if(a=s,o<=0){r&&(clearTimeout(r),r=null),n=c,e(...a),a=null;return}r||(r=setTimeout(()=>{r=null,n=Date.now(),a&&(e(...a),a=null)},o))}}},99083:function(e,t,r){r.r(t),r.d(t,{BlogItem:function(){return h}});var n=r(85893),a=r(78790),l=r(98685),s=r(87897);r(55376);var i=r(21384),c=r(76966),o=r(84797),u=r(7835),d=r(79434);let h=e=>{var t,r;let{post:h}=e,{NOTION_CONFIG:m}

1=(0,c.Og)(),f=(0,i.JA)("TYPOGRAPHY_POST_COVER_ENABLE",!1,d.default),p=(0,i.JA)("POST_LIST_PREVIEW",!1,m)&&h.blockMap;return(0,n.jsx)("div",{className:"h-42 mt-6 mb-10",children:(0,n.jsxs)("div",{className:"flex",children:[(0,n.jsx)("div",{className:"article-cover h-full",children:f&&(0,n.jsx)("div",{className:"overflow-hidden mr-2 w-56 h-full",children:(0,n.jsx)(u.Z,{href:h.href,passHref:!0,legacyBehavior:!0,children:(0,n.jsx)(a.Z,{src:null==h?void 0:h.pageCoverThumbnail,className:"w-56 h-full object-cover object-center group-hover:scale-110 duration-500"})})})}),(0,n.jsxs)("article",{className:"article-info",children:[(0,n.jsx)("h2",{className:"mb-2",children:(0,n.jsxs)(u.Z,{href:h.href,className:"text-xl underline decoration-2 font-bold text-[var(--primary-color)] dark:text-white dark:hover:bg-white dark:hover:text-[var(--primary-color)]  duration-200 transition-all rounded-sm",children:[(0,i.JA)("POST_TITLE_ICON")&&(0,n.jsx)(l.Z,{icon:h.pageIcon}),h.title]})}),(0,n.jsxs)("header",{className:"text-md text-[var(--primary-color)] dark:text-gray-300 flex-wrap flex items-center leading-6",children:[(0,n.jsx)("div",{className:"space-x-2",children:(0,n.jsxs)("span",{className:"text-sm",children:["发布于",(0,n.jsx)(u.Z,{className:"p-1 hover:text-red-400 transition-all duration-200",href:"/archive#".concat((0,o.x)(null==h?void 0:h.publishDate,"yyyy-MM")),children:(null===(t=h.date)||void 0===t?void 0:t.start_date)||h.createdTime})]})}),(0,n.jsx)("div",{className:"text-sm",children:(null==h?void 0:h.tags)&&(null==h?void 0:null===(r=h.tags)||void 0===r?void 0:r.length)>0&&(null==h?void 0:h.tags.map(e=>(0,n.jsx)(u.Z,{href:"/tag/".concat(e),className:" hover:text-red-400 transition-all duration-200",children:(0,n.jsxs)("span",{children:[" #",e]})},e)))})]}),(0,n.jsxs)("main",{className:"text-[var(--primary-color)] dark:text-gray-300 line-clamp-4 overflow-hidden text-ellipsis relative leading-[1.7]",children:[!p&&(0,n.jsx)(n.Fragment,{children:h.summary}),p&&(null==h?void 0:h.blockMap)&&(0,n.jsxs)("div",{className:"line-clamp-4 overflow-hidden",children:[(0,n.jsx)(s.default,{post:h}),(0,n.jsx)("hr",{className:"border-dashed py-4"})]})]})]})]})},h.id)}},633:function(e,t,r){r.r(t),r.d(t,{default:function(){return o}});var n=r(85893),a=r(21384),l=r(76966),s=r(30548),i=r(67294),c=r(99083);function o(e){let{posts:t}=e,{locale:r,NOTION_CONFIG:o}=(0,l.Og)(),[u,d]=(0,i.useState)(1),h=(0,a.JA)("POSTS_PER_PAGE",null,o),m=!1,f=t?Object.assign(t).slice(0,h*u):[];t&&(m=u*h<t.length);let p=()=>{m&&d(u+1)},g=(0,i.useRef)(null),v=(0,i.useCallback)((0,s.Z)(()=>{window.scrollY+window.outerHeight>(g&&g.current?g.current.clientHeight:0)+100&&p()},500));return(0,i.useEffect)(()=>(window.addEventListener("scroll",v,{passive:!0}),()=>{window.removeEventListener("scroll",v)})),(0,n.jsxs)("div",{id:"posts-wrapper",className:"w-full md:pr-8 mb-12",ref:g,children:[f.map(e=>(0,n.jsx)(c.BlogItem,{post:e},e.id)),(0,n.jsxs)("div",{onClick:p,className:"w-full my-4 py-4 text-center cursor-pointer ",children:[" ",m?r.COMMON.MORE:"".concat(r.COMMON.NO_MORE," \uD83D\uDE30")," "]})]})}},79434:function(e,t,r){r.r(t);var n=r(83454);let a={TYPOGRAPHY_BLOG_NAME:n.env.NEXT_PUBLIC_TYPOGRAPHY_BLOG_NAME||"活字印刷",TYPOGRAPHY_BLOG_NAME_EN:n.env.NEXT_PUBLIC_TYPOGRAPHY_BLOG_NAME_EN||n.env.NEXT_PUBLIC_TYPOGRAPHY_BLOG_NAME||"Typography",TYPOGRAPHY_POST_AD_ENABLE:n.env.NEXT_PUBLIC_TYPOGRAPHY_POST_AD_ENABLE||!1,TYPOGRAPHY_POST_COVER_ENABLE:n.env.NEXT_PUBLIC_TYPOGRAPHY_POST_COVER_ENABLE||!1,TYPOGRAPHY_ARTICLE_RECOMMEND_POSTS:n.env.NEXT_PUBLIC_TYPOGRAPHY_ARTICLE_RECOMMEND_POSTS||!0,TYPOGRAPHY_MENU_CATEGORY:!0,TYPOGRAPHY_MENU_TAG:!0,TYPOGRAPHY_MENU_ARCHIVE:!0};t.default=a}}]);