https://www.thinkaloud.cc/_next/static/chunks/12890.3efc4e580ffb48c6.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[5581,8791,12890,20696,22850,27962,31172,33035,35258,50343,53553,64029,69047,72724,75934,86410,92997,98315],{5581:(e,t,r)=>{r.d(t,{A:()=>_});var a=r(37876),l=r(22507),i=r(77328),n=r.n(i),s=r(14232);function _(e){let{priority:t,id:r,src:i,alt:_,fallbackSrc:o,placeholderSrc:E,className:O,width:d,height:h,title:f,onLoad:u,onClick:R,style:g,loading:m}=e,C=((e,t)=>{let r=Number(e),a=Number(t);return Number.isFinite(r)&&r>0?Number.isFinite(a)&&a>0?Math.min(r,a):r:t})(d,(0,l.CQ)("IMAGE_COMPRESS_WIDTH")),T=(0,l.CQ)("IMG_LAZY_LOAD_PLACEHOLDER"),H=(0,s.useRef)(null),[A,p]=(0,s.useState)(t&&i?c(i,C):E||T),[I,N]=(0,s.useState)(!!(t&&i)),b=(0,s.useCallback)(()=>{H.current&&(H.current.src!==o&&o?H.current.src=o:H.current.src!==E&&E?H.current.src=E:H.current.src=T,N(!0),H.current.classList.remove("lazy-image-placeholder"))},[T,o,E]);(0,s.useEffect)(()=>{let e=c(i,C)||T,r=H.current,a=()=>{"function"==typeof u&&u(),N(!0),H.current&&H.current.classList.remove("lazy-image-placeholder")};if(t||!window.IntersectionObserver){let t=new Image;t.src=e,t.onload=()=>{p(e),a(e)},t.onerror=b;return}let n=new IntersectionObserver(t=>{t.forEach(t=>{if(t.isIntersecting){let r=new Image;"decoding"in r&&(r.decoding="async"),r.src=e,r.onload=()=>{p(e),a(e)},r.onerror=b,n.unobserve(t.target)}})},{rootMargin:(0,l.CQ)("LAZY_LOAD_THRESHOLD","200px"),threshold:.1});return r&&n.observe(r),()=>{r&&n.unobserve(r)}},[i,C,t,T,o,b,u,E]);let x={ref:H,src:A,"data-src":i,alt:_||"Lazy loaded image",onLoad:()=>{},onError:b,className:"".concat(O||"").concat(I?"":" lazy-image-placeholder"),style:{aspectRatio:d&&h?"".concat(d," / ").concat(h):void 0,containIntrinsicSize:d||h?void 0:"300px 200px",...g},onClick:R,loading:t?"eager":m||"lazy",decoding:"async",...(0,l.CQ)("WEBP_SUPPORT")&&{"data-webp":!0},...(0,l.CQ)("AVIF_SUPPORT")&&{"data-avif":!0}};return(r&&(x.id=r),f&&(x.title=f),d&&(x.width=d),h&&(x.height=h),t&&(x.fetchpriority="high"),i)?(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)("img",{alt:x.alt,...x}),t&&(0,a.jsx)(n(),{children:(0,a.jsx)("link",{rel:"preload",as:"image",href:c(i,C),fetchpriority:"high"})})]}):null}let c=(e,t)=>{var r,a;if(!e)return null;let l=(null==(a=window)||null==(r=a.screen)?void 0:r.width)||t,i=Number(t),n=Number.isFinite(i)&&i>0?Math.min(l,i):l;return n?e.replace(/width=\d+/,"width=".concat(n)).replace(/w=\d+/,"w=".concat(n)):e}},12890:(e,t,r)=>{r.r(t),r.d(t,{default:()=>c});var a=r(37876),l=r(22507),i=r(5581),n=r(89099),s=r(22850),_=r(35258);let c=e=>{let{siteInfo:t}=e,r=(0,n.useRouter)();return(0,a.jsxs)("div",{id:"side-bar",children:[(0,a.jsx)("div",{className:"h-52 w-full flex justify-center",children:(0,a.jsxs)("div",{children:[(0,a.jsx)("div",{onClick:()=>{r.push("/")},className:"justify-center items-center flex hover:rotate-45 py-6 hover:scale-105 dark:text-gray-100  transform duration-200 cursor-pointer",children:(0,a.jsx)(i.A,{src:null==t?void 0:t.icon,className:"rounded-full",width:80,height:80,alt:(0,l.CQ)("AUTHOR")})}),(0,a.jsx)(s.default,{...e})]})}),(0,a.jsx)(_.MenuListSide,{...e})]})}},22850:(e,t,r)=>{r.r(t),r.d(t,{default:()=>_});var a=r(37876),l=r(22507),i=r(95498),n=r(33035),s=r(69047);let _=e=>{let{postCount:t,categoryOptions:r,tagOptions:_}=e,{locale:c}=(0,i.PC)(),o=(0,a.jsx)("div",{className:"text-center",children:t}),E=(0,a.jsx)("div",{className:"text-center",children:null==r?void 0:r.length}),O=(0,a.jsx)("div",{className:"text-center",children:null==_?void 0:_.length}),d=[{name:c.COMMON.ARTICLE,href:"/archive",slot:o,show:(0,l.CQ)("HEO_MENU_ARCHIVE",null,s.default)},{name:c.COMMON.CATEGORY,href:"/category",slot:E,show:(0,l.CQ)("HEO_MENU_CATEGORY",null,s.default)},{name:c.COMMON.TAGS,href:"/tag",slot:O,show:(0,l.CQ)("HEO_MENU_TAG",null,s.default)}];return(0,a.jsx)("nav",{id:"nav",className:"dark:text-gray-200 w-full px-5",children:d.map((e,t)=>e.show?(0,a.jsx)("div",{className:"",children:(0,a.jsx)(n.A,{title:e.href,href:e.href,target:null==e?void 0:e.target,className:"w-full flex items-center justify-between py-1 hover:scale-105 duration-200 transform dark:hover:text-[var(--heo-color-accent)] hover:text-[var(--heo-color-primary)] px-2 cursor-pointer",children:(0,a.jsxs)(a.Fragment,{children:[(0,a.jsxs)("div",{children:[e.name," :"]}),(0,a.jsx)("div",{className:"font-semibold",children:e.slot})]})})},t):null)})}},33035:(e,t,r)=>{r.d(t,{A:()=>s});var a=r(37876),l=r(48230),i=r.n(l),n=r(22507);let s=e=>{let{href:t,children:r,...l}=e,s=(0,n.CQ)("LINK"),_="";"string"==typeof t?_=t:"object"==typeof t&&null!==t&&"string"==typeof t.pathname&&(_=t.pathname);let c=_.startsWith("http")&&!_.startsWith(s),o=()=>{var e;let t=new URLSearchParams((null==(e=window.location.search)?void 0:e.slice(1))||""),r={};for(let[e,a]of t.entries())""!==a&&(r[e]=a);return r};if(c){let e="string"==typeof t?t:new URL(t.pathname,s).toString();return(0,a.jsx)("a",{href:e,target:"_blank",rel:"noopener noreferrer",...(e=>{let{passHref:t,legacyBehavior:r,placeholderSrc:a,fallbackSrc:l,...i}=e;return i})(l),children:r})}let E="string"==typeof t?(e=>{if("string"!=typeof e||!e||e.startsWith("#"))return e;let t=o();if(0===Object.keys(t).length)return e;let r=e.startsWith("http://")||e.startsWith("https://"),a=new URL(e,s);

1return(Object.entries(t).forEach(e=>{let[t,r]=e;a.searchParams.has(t)||a.searchParams.set(t,r)}),r)?a.toString():"".concat(a.pathname).concat(a.search).concat(a.hash)})(t):(e=>{if(!e||"object"!=typeof e)return e;let t=o();return 0===Object.keys(t).length?e:{...e,query:{...t,...e.query||{}}}})(t);return(0,a.jsx)(i(),{href:E,...(e=>{let{placeholderSrc:t,fallbackSrc:r,src:a,alt:l,width:i,height:n,loading:s,decoding:_,onLoad:c,onError:o,...E}=e;return E})(l),children:r})}},35258:(e,t,r)=>{r.r(t),r.d(t,{MenuListSide:()=>_});var a=r(37876),l=r(22507),i=r(95498),n=r(69047),s=r(92997);let _=e=>{let{customNav:t,customMenu:r}=e,{locale:_}=(0,i.PC)(),c=[{icon:"fas fa-archive",name:_.NAV.ARCHIVE,href:"/archive",show:(0,l.CQ)("HEO_MENU_ARCHIVE",null,n.default)},{icon:"fas fa-search",name:_.NAV.SEARCH,href:"/search",show:(0,l.CQ)("HEO_MENU_SEARCH",null,n.default)},{icon:"fas fa-folder",name:_.COMMON.CATEGORY,href:"/category",show:(0,l.CQ)("HEO_MENU_CATEGORY",null,n.default)},{icon:"fas fa-tag",name:_.COMMON.TAGS,href:"/tag",show:(0,l.CQ)("HEO_MENU_TAG",null,n.default)}];return(t&&(c=t.concat(c)),(0,l.CQ)("CUSTOM_MENU")&&(c=r),c&&0!==c.length)?(0,a.jsx)("nav",{className:"flex-col space-y-1",children:null==c?void 0:c.map((e,t)=>(0,a.jsx)(s.MenuItemCollapse,{link:e},t))}):null}},69047:(e,t,r)=>{r.r(t),r.d(t,{default:()=>a});let a={HEO_HOME_POST_TWO_COLS:!0,HEO_LOADING_COVER:!0,HEO_HOME_BANNER_ENABLE:!0,HEO_INFO_CARD_AVATAR_BLUR:!0,HEO_COLOR_PRIMARY:"#4f65f0",HEO_COLOR_PRIMARY_HOVER:"#4f46e5",HEO_COLOR_PRIMARY_TEXT:"#ffffff",HEO_COLOR_ACCENT:"#dca846",HEO_COLOR_BG:"#f7f9fe",HEO_COLOR_BG_DARK:"#18171d",HEO_COLOR_CARD:"#ffffff",HEO_COLOR_CARD_DARK:"#1e1e1e",HEO_COLOR_CARD_MUTED:"#f1f3f8",HEO_COLOR_BORDER:"#4f46e5",HEO_COLOR_BORDER_DARK:"#dca846",HEO_COLOR_TEXT:"#111827",HEO_COLOR_TEXT_SECONDARY:"#4b5563",HEO_SITE_CREATE_TIME:"2021-09-21",HEO_NOTICE_BAR:[{title:"欢迎来到我的博客",url:"https://blog.tangly1024.com"},{title:"访问文档中心获取更多帮助",url:"https://docs.tangly1024.com"}],HEO_HERO_REVERSE:!1,HEO_HERO_BODY_REVERSE:!1,HEO_HERO_TITLE_1:"分享编程",HEO_HERO_TITLE_2:"与思维认知",HEO_HERO_TITLE_3:"TANGLY1024.COM",HEO_HERO_TITLE_4:"新版上线",HEO_HERO_TITLE_5:"NotionNext4.0 轻松定制主题",HEO_HERO_TITLE_LINK:"https://tangly1024.com",HEO_HERO_COVER_TITLE:"随便逛逛",HEO_HERO_CATEGORY_1:{title:"必看精选",url:"/tag/必看精选"},HEO_HERO_CATEGORY_2:{title:"热门文章",url:"/tag/热门文章"},HEO_HERO_CATEGORY_3:{title:"实用教程",url:"/tag/实用教程"},HEO_HERO_RECOMMEND_POST_TAG:"推荐",HEO_HERO_RECOMMEND_POST_SORT_BY_UPDATE_TIME:!1,HEO_HERO_RECOMMEND_COVER_ENABLE:!1,HEO_INFOCARD_GREETINGS:["你好！我是","\uD83D\uDD0D 分享与热心帮助","\uD83E\uDD1D 专修交互与设计","\uD83C\uDFC3 脚踏实地行动派","\uD83C\uDFE0 智能家居小能手","\uD83E\uDD16️ 数码科技爱好者","\uD83E\uDDF1 团队小组发动机"],HEO_INFO_CARD_URL1:"/about",HEO_INFO_CARD_ICON1:"fas fa-user",HEO_INFO_CARD_URL2:"https://github.com/tangly1024",HEO_INFO_CARD_ICON2:"fab fa-github",HEO_INFO_CARD_ICON_ORCID:"fab fa-orcid",HEO_INFO_CARD_URL3:"https://www.tangly1024.com",HEO_INFO_CARD_TEXT3:"了解更多",HEO_GROUP_ICONS:[{title_1:"AfterEffect",img_1:"/images/heo/20239df3f66615b532ce571eac6d14ff21cf072602.webp",color_1:"#989bf8",title_2:"Sketch",img_2:"/images/heo/2023e0ded7b724a39f12d59c3dc8fbdc7cbe074202.webp",color_2:"#ffffff"},{title_1:"Docker",img_1:"/images/heo/20231108a540b2862d26f8850172e4ea58ed075102.webp",color_1:"#57b6e6",title_2:"Photoshop",img_2:"/images/heo/2023e4058a91608ea41751c4f102b131f267075902.webp",color_2:"#4082c3"},{title_1:"FinalCutPro",img_1:"/images/heo/20233e777652412247dd57fd9b48cf997c01070702.webp",color_1:"#ffffff",title_2:"Python",img_2:"/images/heo/20235c0731cd4c0c95fc136a8db961fdf963071502.webp",color_2:"#ffffff"},{title_1:"Swift",img_1:"/images/heo/202328bbee0b314297917b327df4a704db5c072402.webp",color_1:"#eb6840",title_2:"Principle",img_2:"/images/heo/2023f76570d2770c8e84801f7e107cd911b5073202.webp",color_2:"#8f55ba"},{title_1:"illustrator",img_1:"/images/heo/20237359d71b45ab77829cee5972e36f8c30073902.webp",color_1:"#f29e39",title_2:"CSS3",img_2:"/images/heo/20237c548846044a20dad68a13c0f0e1502f074602.webp",color_2:"#2c51db"},{title_1:"JS",img_1:"/images/heo/2023786e7fc488f453d5fb2be760c96185c0075502.webp",color_1:"#f7cb4f",title_2:"HTML",img_2:"/images/heo/202372b4d760fd8a497d442140c295655426070302.webp",color_2:"#e9572b"},{title_1:"Git",img_1:"/images/heo/2023ffa5707c4e25b6beb3e6a3d286ede4c6071102.webp",color_1:"#df5b40",title_2:"Rhino",img_2:"/images/heo/20231ca53fa0b09a3ff1df89acd7515e9516173302.webp",color_2:"#1f1f1f"}],HEO_SOCIAL_CARD:!0,HEO_SOCIAL_CARD_TITLE_1:"交流频道",HEO_SOCIAL_CARD_TITLE_2:"加入我们的社群讨论分享",HEO_SOCIAL_CARD_TITLE_3:"点击加入社群",HEO_SOCIAL_CARD_URL:"https://docs.tangly1024.com/article/how-to-question",HEO_POST_COUNT_TITLE:"文章数:",HEO_SITE_TIME_TITLE:"建站天数:",HEO_SITE_VISIT_TITLE:"访问量:",HEO_SITE_VISITOR_TITLE:"访客数:",HEO_MENU_INDEX:!0,HEO_MENU_CATEGORY:!0,HEO_MENU_TAG:!0,HEO_MENU_ARCHIVE:!0,HEO_MENU_SEARCH:!0,HEO_POST_LIST_COVER:!0,HEO_POST_LIST_COVER_HOVER_ENLARGE:!1,HEO_POST_LIST_COVER_DEFAULT:!0,HEO_POST_LIST_SUMMARY:!0,HEO_POST_LIST_PREVIEW:!1,HEO_POST_LIST_IMG_CROSSOVER:!0,HEO_ARTICLE_ADJACENT:!0,HEO_ARTICLE_COPYRIGHT:!0,HEO_ARTICLE_NOT_BY_AI:!1,HEO_ARTICLE_RECOMMEND:!0,HEO_WIDGET_LATEST_POSTS:!0,HEO_WIDGET_ANALYTICS:!1,HEO_WIDGET_TO_TOP:!0,HEO_WIDGET_TO_COMMENT:!0,HEO_WIDGET_DARK_MODE:!0,HEO_WIDGET_TOC:!0}},69181:(e,t,r)=>{r.d(t,{A:()=>i});var a=r(37876),l=r(14232);let i=e=>

1{let{type:t="vertical",isOpen:r=!1,children:i,onHeightChange:n,className:s,collapseRef:_}=e,c=(0,l.useRef)(null);return(0,l.useImperativeHandle)(_,()=>({updateCollapseHeight:e=>{let{height:t,increase:a}=e;r&&(c.current.style.height=c.current.scrollHeight,c.current.style.height="auto")}})),(0,l.useEffect)(()=>{r?(e=>{let r=e.scrollHeight,a=e.scrollWidth,l=0;switch(t){case"horizontal":e.style.width=a+"px",l=setTimeout(()=>{e.style.width="auto"},400);break;case"vertical":e.style.height=r+"px",l=setTimeout(()=>{e.style.height="auto"},400)}clearTimeout(l)})(c.current):(e=>{let r=e.scrollHeight,a=e.scrollWidth;requestAnimationFrame(function(){switch(t){case"horizontal":e.style.width=a+"px",requestAnimationFrame(function(){e.style.width="0px"});break;case"vertical":e.style.height=r+"px",requestAnimationFrame(function(){e.style.height="0px"})}})})(c.current),n&&n({height:c.current.scrollHeight,increase:r})},[r]),(0,a.jsx)("div",{ref:c,style:"vertical"===t?{height:"0px",willChange:"height"}:{width:"0px",willChange:"width"},className:"".concat(s||""," overflow-hidden duration-300"),children:i})}},92997:(e,t,r)=>{r.r(t),r.d(t,{MenuItemCollapse:()=>s});var a=r(37876),l=r(69181),i=r(33035),n=r(14232);let s=e=>{var t;let{link:r}

1=e,[s,_]=(0,n.useState)(!1),c=(null==r||null==(t=r.subMenus)?void 0:t.length)>0,[o,E]=(0,n.useState)(!1);return r&&r.show?(0,a.jsxs)(a.Fragment,{children:[(0,a.jsxs)("div",{className:"select-none w-full p-2 border dark:border-gray-600 rounded-lg text-left dark:bg-[var(--heo-color-card-dark)]",onClick:()=>{_(!s)},children:[!c&&(0,a.jsx)(i.A,{href:null==r?void 0:r.href,target:null==r?void 0:r.target,className:"font-extralight  flex justify-between pl-2 pr-4 dark:text-gray-200 no-underline tracking-widest",children:(0,a.jsxs)("span",{className:" transition-all items-center duration-200",children:[(null==r?void 0:r.icon)&&(0,a.jsx)("i",{className:r.icon+" mr-4"}),null==r?void 0:r.name]})}),c&&(0,a.jsxs)("div",{onClick:c?()=>{E(!o)}:null,className:"font-extralight flex items-center justify-between pl-2 pr-4 cursor-pointer  dark:text-gray-200 no-underline tracking-widest",children:[(0,a.jsxs)("span",{className:"transition-all items-center duration-200",children:[(null==r?void 0:r.icon)&&(0,a.jsx)("i",{className:r.icon+" mr-4"}),null==r?void 0:r.name]}),(0,a.jsx)("i",{className:"select-none px-2 fas fa-chevron-left transition-all duration-200 ".concat(o?"-rotate-90":""," text-gray-400")})]})]}),c&&(0,a.jsx)(l.A,{isOpen:o,className:"rounded-xl",children:r.subMenus.map((e,t)=>(0,a.jsx)("div",{className:"dark:bg-hexo-black-gray dark:text-gray-200 text-left px-3 justify-start bg-gray-50 hover:bg-gray-50 dark:hover:bg-gray-900 tracking-widest transition-all duration-200  py-3 pr-6",children:(0,a.jsx)(i.A,{href:e.href,target:null==r?void 0:r.target,children:(0,a.jsxs)("span",{className:"text-sm ml-4 whitespace-nowrap",children:[(null==r?void 0:r.icon)&&(0,a.jsx)("i",{className:e.icon+" mr-2"})," ",e.title]})})},t))})]}):null}}}]);