https://notion-next-blog-smoky.vercel.app/_next/static/chunks/13211.0fe02ff81722b8f7.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[5581,8791,13211,20696,27962,31172,33035,50343,53553,64029,72724,75934,86410,92548,98315],{5581:(e,t,O)=>{O.d(t,{A:()=>i});var _=O(37876),a=O(22507),n=O(77328),o=O.n(n),r=O(14232);function i(e){let{priority:t,id:O,src:n,alt:i,fallbackSrc:I,placeholderSrc:T,className:l,width:c,height:E,title:R,onLoad:d,onClick:A,style:P,loading:h}=e,L=((e,t)=>{let O=Number(e),_=Number(t);return Number.isFinite(O)&&O>0?Number.isFinite(_)&&_>0?Math.min(O,_):O:t})(c,(0,a.CQ)("IMAGE_COMPRESS_WIDTH")),X=(0,a.CQ)("IMG_LAZY_LOAD_PLACEHOLDER"),N=(0,r.useRef)(null),[u,p]=(0,r.useState)(t&&n?s(n,L):T||X),[m,g]=(0,r.useState)(!!(t&&n)),f=(0,r.useCallback)(()=>{N.current&&(N.current.src!==I&&I?N.current.src=I:N.current.src!==T&&T?N.current.src=T:N.current.src=X,g(!0),N.current.classList.remove("lazy-image-placeholder"))},[X,I,T]);(0,r.useEffect)(()=>{let e=s(n,L)||X,O=N.current,_=()=>{"function"==typeof d&&d(),g(!0),N.current&&N.current.classList.remove("lazy-image-placeholder")};if(t||!window.IntersectionObserver){let t=new Image;t.src=e,t.onload=()=>{p(e),_(e)},t.onerror=f;return}let o=new IntersectionObserver(t=>{t.forEach(t=>{if(t.isIntersecting){let O=new Image;"decoding"in O&&(O.decoding="async"),O.src=e,O.onload=()=>{p(e),_(e)},O.onerror=f,o.unobserve(t.target)}})},{rootMargin:(0,a.CQ)("LAZY_LOAD_THRESHOLD","200px"),threshold:.1});return O&&o.observe(O),()=>{O&&o.unobserve(O)}},[n,L,t,X,I,f,d,T]);let S={ref:N,src:u,"data-src":n,alt:i||"Lazy loaded image",onLoad:()=>{},onError:f,className:"".concat(l||"").concat(m?"":" lazy-image-placeholder"),style:{aspectRatio:c&&E?"".concat(c," / ").concat(E):void 0,containIntrinsicSize:c||E?void 0:"300px 200px",...P},onClick:A,loading:t?"eager":h||"lazy",decoding:"async",...(0,a.CQ)("WEBP_SUPPORT")&&{"data-webp":!0},...(0,a.CQ)("AVIF_SUPPORT")&&{"data-avif":!0}};return(O&&(S.id=O),R&&(S.title=R),c&&(S.width=c),E&&(S.height=E),t&&(S.fetchpriority="high"),n)?(0,_.jsxs)(_.Fragment,{children:[(0,_.jsx)("img",{alt:S.alt,...S}),t&&(0,_.jsx)(o(),{children:(0,_.jsx)("link",{rel:"preload",as:"image",href:s(n,L),fetchpriority:"high"})})]}):null}let s=(e,t)=>{var O,_;if(!e)return null;let a=(null==(_=window)||null==(O=_.screen)?void 0:O.width)||t,n=Number(t),o=Number.isFinite(n)&&n>0?Math.min(a,n):a;return o?e.replace(/width=\d+/,"width=".concat(o)).replace(/w=\d+/,"w=".concat(o)):e}},13211:(e,t,O)=>{O.r(t),O.d(t,{Blog:()=>i});var _=O(37876),a=O(5581),n=O(22507),o=O(33035),r=O(92548);let i=e=>{let{posts:t}=e;if(!(0,n.CQ)("PROXIO_BLOG_ENABLE",!0,r.default))return null;let O=(0,n.CQ)("PROXIO_BLOG_AUTO_SHOW_COVER",!1,r.default),i=(0,n.CQ)("PROXIO_BLOG_PLACEHOLDER_IMG_URL_1"),s=(0,n.CQ)("PROXIO_BLOG_PLACEHOLDER_IMG_URL_2"),I=(0,n.CQ)("PROXIO_BLOG_PLACEHOLDER_IMG_URL_3"),T=(0,n.CQ)("PROXIO_BLOG_PLACEHOLDER_IMG_URL_4");return(0,_.jsx)(_.Fragment,{children:(0,_.jsx)("section",{className:"proxio-section pt-20 lg:pt-[120px]",children:(0,_.jsxs)("div",{className:"container mx-auto",children:[(0,_.jsx)("div",{className:"-mx-4 flex flex-wrap justify-center wow fadeInUp","data-wow-delay":".2s",children:(0,_.jsx)("div",{className:"w-full px-4 py-4",children:(0,_.jsxs)("div",{className:"mx-auto max-w-[485px] text-center space-y-4",children:[(0,_.jsx)("span",{className:"proxio-pill px-3 py-0.5 rounded-2xl mb-2 border",children:(0,n.CQ)("PROXIO_BLOG_TITLE")}),(0,_.jsx)("h2",{className:"text-3xl font-bold text-dark dark:text-white sm:text-4xl md:text-[40px] md:leading-[1.2]",children:(0,n.CQ)("PROXIO_BLOG_TEXT_1")})]})})}),(0,_.jsx)("div",{className:"-mx-4 grid md:grid-cols-2 grid-cols-1",children:null==t?void 0:t.map((e,t)=>{let n=O&&(null==e?void 0:e.pageCoverThumbnail),r=i;return 0===t?r=i:1===t?r=s:2===t?r=I:3===t&&(r=T),(0,_.jsx)("div",{className:"w-full px-4",children:(0,_.jsxs)("div",{className:"wow fadeInUp group mb-10 relative overflow-hidden blog","data-wow-delay":".1s",children:[(0,_.jsx)("div",{className:"proxio-card relative rounded-xl border overflow-hidden shadow-md",children:(0,_.jsxs)(o.A,{href:null==e?void 0:e.href,className:"block",children:[e.pageCoverThumbnail&&(0,_.jsx)(a.A,{src:e.pageCoverThumbnail,alt:e.title,className:"w-full h-80 object-cover transition-transform duration-500 rounded-xl"}),(0,_.jsx)("div",{className:"absolute inset-0 transition-all duration-500 group-hover:opacity-50 group-hover:bg-black ".concat(n?"opacity-0":"bg-gray-100 dark:bg-hexo-black-gray")}),(0,_.jsxs)("div",{className:"absolute inset-0 flex items-center justify-center group-hover:scale-110 duration-200 group-hover:text-white ".concat(n?"opacity-0 group-hover:opacity-100":""),children:[!r&&(0,_.jsx)("p",{className:"max-w-[370px] text-base text-body-color dark:text-dark-6 flex items-center justify-center duration-200 group-hover:text-white ",children:e.summary}),(0,_.jsx)(a.A,{src:r,className:"absolute max-h-full object-cover"})]})]})}),(0,_.jsxs)("div",{className:"relative z-10 p-4",children:[(0,_.jsx)("span",{className:"inline-blocktext-center text-xs font-medium leading-loose text-white",children:e.publishDay}),(0,_.jsx)("h3",{children:(0,_.jsx)(o.A,{href:null==e?void 0:e.href,className:"mb-4 inline-block text-xl font-semibold text-dark hover:text-primary dark:text-white dark:hover:text-primary sm:text-2xl lg:text-xl xl:text-2xl",children:e.title})})]})]})},t)})})]})})})}},33035:(e,t,O)=>{O.d(t,{A:()=>r});var _=O(37876),a=O(48230),n=O.n(a),o=O(22507);let r=e=>{let{href:t,children:O,...a}=e,r=(0,o.CQ)("LINK"),i="";"string"==typeof t?i=t:"object"==typeof t&&null!==t&&"string"==typeof t.pathname&&(i=t.pathname);let s=i.startsWith("http")&&!i.startsWith(r),I=()=>{var e;let t=new URLSearchParams((null==(e=window.location.search)?void 0:e.slice(1))||""),O={};for(let[e,_]of t.entries())""!==_&&(O[e]=_);return O};if(s){let e="string"==typeof t?t:new URL(t.pathname,r).toString();return(0,_.jsx)("a",{href:e,target:"_blank",rel:"noopener noreferrer",...(e=>{let{passHref:t,legacyBehavior:O,placeholderSrc:_,fallbackSrc:a,...n}=e;return n})(a),children:O})}let T="string"==typeof t?(e=>{if("string"!=typeof e||!e||e.startsWith("#"))return e;let t=I();if(0===Object.keys(t).length)return e;let O=e.startsWith("http://")||e.startsWith("https://"),_=new URL(e,r);

1return(Object.entries(t).forEach(e=>{let[t,O]=e;_.searchParams.has(t)||_.searchParams.set(t,O)}),O)?_.toString():"".concat(_.pathname).concat(_.search).concat(_.hash)})(t):(e=>{if(!e||"object"!=typeof e)return e;let t=I();return 0===Object.keys(t).length?e:{...e,query:{...t,...e.query||{}}}})(t);return(0,_.jsx)(n(),{href:T,...(e=>{let{placeholderSrc:t,fallbackSrc:O,src:_,alt:a,width:n,height:o,loading:r,decoding:i,onLoad:s,onError:I,...T}=e;return T})(a),children:O})}},92548:(e,t,O)=>{O.r(t),O.d(t,{default:()=>_});let _={PROXIO_COLOR_PRIMARY:"#3758f9",PROXIO_COLOR_PRIMARY_HOVER:"#1b44c8",PROXIO_COLOR_BG:"#ffffff",PROXIO_COLOR_DARK:"#121212",PROXIO_COLOR_TEXT_MUTED:"#637381",PROXIO_WELCOME_COVER_ENABLE:!0,PROXIO_WELCOME_TEXT:"欢迎来到此网站，点击任意位置进入",PROXIO_HERO_ENABLE:!0,PROXIO_HERO_TITLE_1:"开源且免费的基于 Notion 笔记的网站构建工具",PROXIO_HERO_TITLE_2:"通过笔记无感知地建站、成倍放大您的价值",PROXIO_HERO_BUTTON_1_TEXT:"开始体验",PROXIO_HERO_BUTTON_1_URL:"https://docs.tangly1024.com/article/vercel-deploy-notion-next",PROXIO_HERO_BUTTON_2_TEXT:"在Github上关注",PROXIO_HERO_BUTTON_2_URL:"https://github.com/notionnext-org/NotionNext",PROXIO_HERO_BUTTON_2_ICON:"/images/starter/github-mark.svg",PROXIO_HERO_BANNER_IMAGE:"",PROXIO_HERO_BANNER_IFRAME_URL:"",PROXIO_BLOG_ENABLE:!0,PROXIO_BLOG_TITLE:"作品",PROXIO_BLOG_COUNT:4,PROXIO_BLOG_TEXT_1:"我的最新动态",PROXIO_BLOG_AUTO_SHOW_COVER:!1,PROXIO_BLOG_PLACEHOLDER_IMG_URL_1:"",PROXIO_BLOG_PLACEHOLDER_IMG_URL_2:"",PROXIO_BLOG_PLACEHOLDER_IMG_URL_3:"",PROXIO_BLOG_PLACEHOLDER_IMG_URL_4:"",PROXIO_ANNOUNCEMENT_ENABLE:!0,PROXIO_FEATURE_ENABLE:!0,PROXIO_FEATURE_TITLE:"为什么选我",PROXIO_FEATURE_TEXT_1:"我能让您的项目焕发光彩",PROXIO_FEATURE_TEXT_2:"丰富的案例经验，专业的技术服务，优质的沟通效率",PROXIO_FEATURE_1_ICON_CLASS:"fa-solid fa-stopwatch",PROXIO_FEATURE_1_ICON_IMG_URL:"",PROXIO_FEATURE_1_TITLE_1:"高效工作流程",PROXIO_FEATURE_1_TEXT_1:"精简的设计流程确保快速交付，在紧迫的工期下仍能保证品质与细节不打折扣。",PROXIO_FEATURE_2_ICON_CLASS:"fa-solid fa-comments",PROXIO_FEATURE_2_ICON_IMG_URL:"",PROXIO_FEATURE_2_TITLE_1:"协作式流程",PROXIO_FEATURE_2_TEXT_1:"与你紧密合作，融合反馈意见，打造超越预期的设计",PROXIO_FEATURE_3_ICON_CLASS:"fa-solid fa-search",PROXIO_FEATURE_3_ICON_IMG_URL:"",PROXIO_FEATURE_3_TITLE_1:"细节把控",PROXIO_FEATURE_3_TEXT_1:"精益求精雕琢每个元素，确保成品精致统一，令人过目难忘",PROXIO_FEATURE_BUTTON_TEXT:"了解更多",PROXIO_FEATURE_BUTTON_URL:"https://github.com/notionnext-org/NotionNext",PROXIO_CAREER_ENABLE:!0,PROXIO_CAREER_TITLE:"生涯",PROXIO_CAREER_TEXT:"以下是我的职业生涯",PROXIO_CAREERS:[{title:"Freelance Architect",bio:"2016-2020",text:"As a freelance architect, I worked on a range of residential and commercial projects, balancing form and function. I collaborated with clients and contractors to transform concepts into reality, ensuring each design was both aesthetically pleasing and structurally sound."},{title:"Product Designer at Spotify",bio:"2020-2022",text:"At Spotify, I helped shape innovative features for millions of users globally. My focus was on creating seamless music discovery experiences, enhancing user interfaces, and optimizing cross-platform navigation, which led to an improved product flow and increased user satisfaction."},{title:"Freelance Product Designer",bio:"2022-Now",text:"Now I design user-centric products that align with client visions. As a freelance product designer, I collaborate with startups and established companies, crafting solutions that elevate user experiences and increase engagement across both digital and physical interfaces."}],PROXIO_TESTIMONIALS_ENABLE:!0,PROXIO_TESTIMONIALS_TITLE:"用户反馈",PROXIO_TESTIMONIALS_TEXT_1:"我们的用户怎么说",PROXIO_TESTIMONIALS_TEXT_2:"数千位站长选择用NotionNext搭建他们的网站,通过帮助手册、交流社群以及技术咨询，大家成功上线了自己的网站",PROXIO_TESTIMONIALS_BUTTON_URL:"/about",PROXIO_TESTIMONIALS_BUTTON_TEXT:"联系我",PROXIO_TESTIMONIALS_ITEMS:[{PROXIO_TESTIMONIALS_ITEM_TEXT:"感谢大佬的方法。之前尝试过Super、Potion等国外的第三方平台，实现效果一般，个性化程度远不如这个方法，已经用起来了！ ",PROXIO_TESTIMONIALS_ITEM_AVATAR:"https://www.notion.so/image/https%3A%2F%2Fs3-us-west-2.amazonaws.com%2Fsecure.notion-static.com%2F22de3fcb-d90d-4271-bc01-f815f476122b%2F4FE0A0C0-E487-4C74-BF8E-6F01A27461B8-14186-000008094BC289A6.jpg?table=collection&id=a320a2cc-6ebe-4a8d-95cc-ea94e63bced9&width=200",PROXIO_TESTIMONIALS_ITEM_

1NICKNAME:"Ryan_G",PROXIO_TESTIMONIALS_ITEM_DESCRIPTION:"Ryan`Log 站长",PROXIO_TESTIMONIALS_ITEM_URL:"https://blog.gaoran.xyz/"},{PROXIO_TESTIMONIALS_ITEM_TEXT:"很喜欢这个主题，本代码小白用三天台风假期搭建出来了，还根据大佬的教程弄了自定义域名，十分感谢，已请喝咖啡~",PROXIO_TESTIMONIALS_ITEM_AVATAR:"https://www.notion.so/image/https%3A%2F%2Fs3-us-west-2.amazonaws.com%2Fsecure.notion-static.com%2F0d33d169-f932-41ff-ac6b-88a923c08e02%2F%25E5%25A4%25B4%25E5%2583%258F.jfif?table=collection&id=7787658d-d5c0-4f34-8e32-60c523dfaba3&width=400",PROXIO_TESTIMONIALS_ITEM_NICKNAME:"Asenkits",PROXIO_TESTIMONIALS_ITEM_DESCRIPTION:"阿森的百宝袋 站长",PROXIO_TESTIMONIALS_ITEM_URL:"https://asenkits.top/"},{PROXIO_TESTIMONIALS_ITEM_TEXT:"呜呜呜，经过一个下午的努力，终于把博客部署好啦，非常感谢Tangly1024大佬的框架和教程，这是我有生之年用过的最好用的博客框架┭┮﹏┭┮。从今之后，我就可以在自己的博客里bb啦，( •̀ ω •́ )y ",PROXIO_TESTIMONIALS_ITEM_AVATAR:"/avatar.png",PROXIO_TESTIMONIALS_ITEM_NICKNAME:"DWIND",PROXIO_TESTIMONIALS_ITEM_DESCRIPTION:"且听风吟 站长",PROXIO_TESTIMONIALS_ITEM_URL:"https://www.dwind.top/"},{PROXIO_TESTIMONIALS_ITEM_TEXT:"感谢提供这么好的项目哈哈 之前一直不知道怎么部署(别的项目好难好复杂)这个相对非常简单 新手非常友好哦",PROXIO_TESTIMONIALS_ITEM_AVATAR:"https://www.notion.so/image/https%3A%2F%2Fs3-us-west-2.amazonaws.com%2Fsecure.notion-static.com%2Fd52f6766-3e32-4c3d-8529-46e1f214360f%2Ffavicon.svg?table=collection&id=7d76aad5-a2c4-4d9a-887c-c7913fae4eed&width=400",PROXIO_TESTIMONIALS_ITEM_NICKNAME:"迪升disheng ",PROXIO_TESTIMONIALS_ITEM_DESCRIPTION:"AI资源分享 Blog",PROXIO_TESTIMONIALS_ITEM_URL:"https://blog.disheng.org/"},{PROXIO_TESTIMONIALS_ITEM_TEXT:"灰常感谢大佬的博客项目，能将博客和notion结合起来，这一直是我挺期待的博客模式。",PROXIO_TESTIMONIALS_ITEM_AVATAR:"/avatar.png",PROXIO_TESTIMONIALS_ITEM_NICKNAME:"AnJhon",PROXIO_TESTIMONIALS_ITEM_DESCRIPTION:"Anjhon`s Blog 站长",PROXIO_TESTIMONIALS_ITEM_URL:"https://www.anjhon.top"},{PROXIO_TESTIMONIALS_ITEM_TEXT:"用好久了，太感谢了",PROXIO_TESTIMONIALS_ITEM_AVATAR:"/avatar.png",PROXIO_TESTIMONIALS_ITEM_NICKNAME:"LUCEN",PROXIO_TESTIMONIALS_ITEM_DESCRIPTION:"LUCEN考验辅导 站长",PROXIO_TESTIMONIALS_ITEM_URL:"https://www.lucenczz.top/"}],PROXIO_FAQ_ENABLE:!0,PROXIO_FAQ_TITLE:"常见问题解答",PROXIO_FAQ_TEXT_1:"有任何问题吗？请看这里",PROXIO_FAQ_TEXT_2:"我们收集了常见的用户疑问",PROXIO_FAQS:[{q:"NotionNext有帮助文档吗？",a:'NotionNext提供了<a href="https://docs.tangly1024.com/about" className="underline">帮助文档</a>，操作<a href="https://www.bilibili.com/video/BV1fM4y1L7Qi/" className="underline">演示视频</a>，以及<a href="https://docs.tangly1024.com/article/chat-community" className="underline">交流社群</a>来协助您完成网站的搭建部署'},{q:"部署后要如何编写文章？",a:'您可以在Notion中之间添加或修改类型为Post的页面，内容将被实时同步在站点中，详情参考<a className="underline" href="https://docs.tangly1024.com/article/start-to-write">《帮助文档》</a>'},{q:"站点部署失败，更新失败？",a:"通常是配置修改错误导致，请检查配置或者重试操作步骤，或者通过Vercel后台的Deployments中找到错误日志，并向网友求助"},{q:"文章没有实时同步？",a:"先检查Notion_Page_ID是否正确配置，其次由于博客的每个页面都有独立缓存，刷新网页后即可解决"}],PROXIO_ABOUT_ENABLE:!0,PROXIO_ABOUT_TITLE:"关于作者",PROXIO_ABOUT_TEXT_1:"I am an Architect Turned Into a Product Designer",PROXIO_ABOUT_TEXT_2:"With a background in architecture, I now apply my expertise to product design, blending aesthetics, functionality, and innovation. My goal is to create modern, user-focused designs that bring your vision to life.",PROXIO_ABOUT_PHOTO_URL:"/avatar.png",PROXIO_ABOUT_KEY_1:"经验年限",PROXIO_ABOUT_VAL_1:"10å¹´+",PROXIO_ABOUT_KEY_2:"客户",PROXIO_ABOUT_VAL_2:"1000+",PROXIO_ABOUT_KEY_3:"交付项目",PROXIO_ABOUT_VAL_3:"5000+",PROXIO_ABOUT_KEY_4:"累积创作时长（小时）",PROXIO_ABOUT_VAL_4:"10000+",PROXIO_ABOUT_BUTTON_URL:"/about",PROXIO_ABOUT_BUTTON_TEXT:"关于我",PROXIO_BRANDS_ENABLE:!0,PROXIO_BRANDS:["Web Design","Logo Design","Mobile App Design","Product Design"],PROXIO_FOOTER_SLOGAN:"我们通过技术为品牌和公司创造数字体验。",PROXIO_FOOTER_LINKS:[{name:"友情链接",menus:[{title:"Tangly的学习笔è

1®°",href:"https://blog.tangly1024.com"},{title:"NotionNext",href:"https://www.tangly1024.com"}]},{name:"开发者",menus:[{title:"Github",href:"https://github.com/notionnext-org/NotionNext"},{title:"开发帮助",href:"https://docs.tangly1024.com/article/how-to-develop-with-notion-next"},{title:"功能反馈",href:"https://github.com/notionnext-org/NotionNext/issues/new/choose"},{title:"技术讨论",href:"https://github.com/notionnext-org/NotionNext/discussions"},{title:"关于作者",href:"https://blog.tangly1024.com/about"}]}],PROXIO_FOOTER_BLOG_LATEST_TITLE:"最新文章",PROXIO_FOOTER_PRIVACY_POLICY_TEXT:"隐私政策",PROXIO_FOOTER_PRIVACY_POLICY_URL:"/privacy-policy",PROXIO_FOOTER_PRIVACY_LEGAL_NOTICE_TEXT:"法律声明",PROXIO_FOOTER_PRIVACY_LEGAL_NOTICE_URL:"/legacy-notice",PROXIO_FOOTER_PRIVACY_TERMS_OF_SERVICE_TEXT:"服务协议",PROXIO_FOOTER_PRIVACY_TERMS_OF_SERVICE_URL:"/terms-of-use",PROXIO_404_TITLE:"我们似乎找不到您要找的页面。",PROXIO_404_TEXT:"抱歉！您要查找的页面不存在。可能已经移动或删除。",PROXIO_404_BACK:"回到主页",PROXIO_CTA_ENABLE:!0,PROXIO_CTA_TITLE:"与我建立联系",PROXIO_CTA_TITLE_2:"让我们立刻启动您的项目",PROXIO_CTA_DESCRIPTION:"访问NotionNext的操作文档，我们提供了详细的教程，帮助你即刻搭建站点",PROXIO_CTA_BUTTON:!0,PROXIO_CTA_BUTTON_URL:"/about",PROXIO_CTA_BUTTON_TEXT:"联系我",PROXIO_POST_REDIRECT_ENABLE:!0,PROXIO_POST_REDIRECT_URL:"https://blog.tangly1024.com",PROXIO_NEWSLETTER:O(65364).env.NEXT_PUBLIC_THEME_PROXIO_NEWSLETTER||!1}}}]);