https://www.awesomescreenshot.com/octopus/_next/static/chunks/pages/blog-70b384c08573cf42.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[9195],{67801:function(e,t,n){(window.__NEXT_P=window.__NEXT_P||[]).push(["/blog",function(){return n(14814)}])},43745:function(e,t,n){"use strict";var r=n(85893),a=n(90874),i=n.n(a),s=n(51077),o=n.n(s);t.Z=function(e){var t=e.title,n=e.subTitle;return(0,r.jsx)("section",{style:{backgroundImage:"linear-gradient(180deg, #8185EE 0%, rgba(87, 148, 255, 0.6839) 50.36%, rgba(129, 225, 238, 0) 100%)"},children:(0,r.jsxs)("div",{className:"max-w-[1260px] xl:mx-auto pl-[43px] pr-[46px] xl:px-[60px] pt-[39px] pb-[54px] text-white",children:[(0,r.jsx)("h1",{className:"".concat(i().className," text-[32px] leading-[38px] text-white font-semibold tracking-wide"),children:void 0===t?"Awesome Screenshot & Recorder Blog":t}),(0,r.jsx)("p",{className:"".concat(o().className," text-[14px] font-normal leading-[18px] text-white"),children:void 0===n?"Tips, timesavers, stories. All about Mac.":n})]})})}},52854:function(e,t,n){"use strict";var r=n(24043),a=n(248),i=n(85893),s=n(67294),o=n(41664),c=n.n(o),l=n(7737),u=n(31929),d=n(64749),p=n(51024),x=n(23493),m=n.n(x),f=n(11163),h=n(90874),g=n.n(h);t.Z=function(e){var t=e.categoryList,n=e.activeUrl,o=e.onSearch,x=(0,s.useRef)(null),h=(0,r._)((0,s.use

1State)(""),2),v=h[0],b=h[1],w=(0,r._)((0,s.useState)(!1),2),y=w[0],_=w[1],j=(0,r._)((0,s.useState)(!1),2),N=j[0],S=j[1],k=(0,f.useRouter)(),E=(0,i.jsx)("svg",{width:"13",height:"10",viewBox:"0 0 13 10",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:"transition-all duration-700 ".concat(N?"rotate-[180deg]":"rotate-0"),children:(0,i.jsx)("path",{d:"M8.07429 8.99081C7.27354 10.0128 5.72646 10.0128 4.92571 8.99081L0.806382 3.73353C-0.222149 2.42087 0.713057 0.5 2.38068 0.5L10.6193 0.5C12.2869 0.5 13.2221 2.42087 12.1936 3.73353L8.07429 8.99081Z",fill:"#8E81EE",fillOpacity:"0.8"})}),L=m()((0,s.useCallback)(function(){var e=x.current;e&&((document.documentElement.scrollTop||window.pageYOffset||document.body.scrollTop)>=e.offsetTop-63?_(!0):_(!1))},[]),300);return(0,s.useEffect)(function(){return window.addEventListener("scroll",L),window.addEventListener("resize",L),function(){window.removeEventListener("scroll",L),window.removeEventListener("resize",L)}},[L]),(0,s.useEffect)(function(){b("")},[k.asPath]),(0,i.jsx)("div",{ref:x,className:"px-[55px] md:pl-[45px] md:pr-[37px] mb-[38px] sticky top-[63px] bg-white z-10 ".concat(y?"shadow-navBar":""),children:(0,i.jsxs)("div",{className:"max-w-[1280px] mx-auto xl:px-[30px] flex flex-col md:flex-wrap md:flex-row md:items-end md:justify-end",children:[(0,i.jsxs)("ul",{className:"hidden md:flex ".concat(g().className," mt-[10px] mb-0 flex-1 flex-nowrap text-[16px] font-normal"),children:[(0,i.jsx)("li",{className:"border-b-[1px] ".concat(""===n?"border-b-primary":"hover:border-b-primary"),children:(0,i.jsx)(c(),{className:"inline-block px-[20px] py-[8px] ".concat(""===n?"text-primary font-medium":"text-[#505667]","  whitespace-nowrap hover:text-primary"),href:"/blog",children:"All"})}),t.map(function(e){return(0,i.jsx)("li",{className:"border-b-[1px] ".concat(e.url===n?"border-b-primary":"hover:border-b-primary"),children:(0,i.jsx)(c(),{className:"inline-block px-[20px] py-[8px] ".concat(e.url===n?"text-primary font-medium":"text-[#505667]"," whitespace-nowrap hover:text-primary"),href:"/blog/".concat(e.url),children:e.category})},e.category)})]}),(0,i.jsx)("div",{id:"cate-selection",className:"md:hidden pt-[38px] bg-white text-[rgba(80,86,103,0.8)]",children:(0,i.jsx)(u.default,{theme:{token:{colorPrimary:"#8E81EE",colorBorder:"#8E81EE"}},children:(0,i.jsx)(d.default,{value:n,onChange:function(e){k.push("/blog/".concat(e))},onDropdownVisibleChange:function(e){S(e)},className:"w-full md:w-[200px]",suffixIcon:E,getPopupContainer:function(){return document.querySelector("#cate-selection")||document.body},children:[{category:"All",url:""}].concat((0,a._)(t)).map(function(e){return(0,i.jsx)(d.default.Option,{value:e.url,className:"".concat(g().className," ").concat(e.url===n?"!text-white !bg-primary":"!text-[rgba(80,86,103,0.8)] hover:!bg-[rgba(142,129,238,0.2)]"),children:e.category},e.category)})})})}),(0,i.jsx)("div",{className:"w-full mt-[10px] md:w-[200px] border-b border-b-[rgba(142,129,238,0.4)]",children:(0,i.jsx)(p.default,{value:v,onChange:function(e){b(e.target.value),e.target.value||o(e.target.value)},allowClear:!0,bordered:!1,suffix:(0,i.jsx)(l.default,{}),onKeyDown:function(e){/enter/i.test(e.key)&&o(e.target.value)},placeholder:"Search"})})]})})}},45970:function(e,t,n){"use strict";n.d(t,{Z:function(){return j}});var r=n(20567),a=n(14932),i=n(24043),s=n(85893),o=n(67294),c=n(1852),l=n(36671),u=n(41664),d=n.n(u),p=n(90874),x=n.n(p),m=n(25675),f=n.n(m),h=n(53740),g=n(27484),v=n.n(g),b=n(57023),w=n(51077),y=n.n(w),_=function(e){var t=e.title,n=e.cover,r=e.read_time,a=e.post_date,i=e.url,o=e.className,c=e.stat,l=e.summary;return(0,s.jsx)("div",{className:"w-full group ".concat(o),children:(0,s.jsxs)(d(),{href:"/blog/".concat(i),target:"_self",children:[(0,s.jsx)("div",{className:"relative w-full pb-[70.35%] rounded-[12px] overflow-hidden",children:(0,s.jsx)(f(),{fill:!0,unoptimized:!0,priority:!0,src:n,alt:t,className:"object-cover"})}),(0,s.jsx)(h.Z.Title,{level:3,ellipsis:{rows:2},className:"md:h-[2.8em] group-hover:underline",style:{marginTop:"15px",marginBottom:"6px",lineHeight:"28px",color:"rgba(0,0,0,0.8)",fontFamily:x().style.fontFamily,fontWeight:500,fontSize:"20px"},children:t}),(0,s.jsx)(h.Z.Paragraph,{className:"md:h-[3.6em]",ellipsis:{rows:3},style:{fontFamily:y().style.fontFamily,fontSize:"12px",lineHeight:"14px",fontWeight:300,color:"#505667"},children:l}),(0,s.jsxs)("div",{className:"mt-[34px] flex text-[rgba(80,86,103,0.6)] font-light text-[12px] leading-[14px]",children:[(0,s.jsxs)("div",{className:"flex items-center space-x-[6px]",children:[(0,s.jsx)("i",{className:"ri-eye-line ri-xl"}),(0,s.jsx)("span",{children:(0,b.normalizeViewCount)(c.pv)})]}),(0,s.jsxs)("div",{className:"ml-[16px] flex items-center space-x-[6px]",children:[(0,s.jsx)("i",{className:"ri-time-line ri-xl"}),(0,s.jsx)("span",{children:r})]}),(0,s.jsx)("div",{className:"flex-1 text-right",children:a&&v()(v().unix(a)).format("MMMM D, YYYY")})]})]})})},j=function(e){var t=e.title,n=e.url,u=e.articleList,p=e.showMore,m=e.className,f=(0,c.useMediaQuery)({query:"(min-width: 768px) and (max-width: 1023px)"}),h=(0,c.useMediaQuery)({query:"(min-width: 1024px)"}),g=(0,i._)((0,o.useState)(!0),2),v=g[0],b=g[1];return(0,o.useEffect)(function(){b(!1)},[]),(0,s.jsxs)("section",{className:m,children:[t&&(n?(0,s.jsx)(d(),{href:"/blog/".concat(n),children:(0,s.jsx)("h2",{className:"".concat(x().className," inline-block text-[24px] text-[rgba(0,0,0,0.8)] font-bold mb-[32px] ml-[13px] md:ml-0 tracking-wide hover:underline"),children:t.toUpperCase()})}):(0,s.jsx)("h2",{className:"".concat(x().className," inline-block text-[24px] text-[rgba(0,0,0,0.8)] font-bold mb-[32px] ml-[13px] md:ml-0 tracking-wide"),children:t.toUpperCase()})),u.length?(0,s.jsx)("div",{className:"flex flex-wrap ".concat(v?"space-x-[66px]":""),children:u.map(function(e,t){return(0,s.jsx)(_,(0,a._)((0,r._)({},e),{className:"mb-[62px] md:mb-[82px] md:w-[calc(50%-33px)] lg:w-[calc((100%-132px)/3)] ".concat(!v&&f&&t%2==0?"md:mr-[66px]":""," ").concat(!v&&h&&(t+1)%3!=0?"lg:mr-[66px]":"")}),e.title+t)})}):(0,s.jsx)(l.default,{description:"Empty"}),(void 0===p||p)&&n&&(0,s.jsx)("div",{className:"flex justify-center items-center mb-[62px] -translate-y-[20px]",children:(0,s.jsx)(d(),{href:"/blog/".concat(n),className:"middle center transition-all text-[16px] py-[16px] px-[37px] rounded-lg border border-primary text-primary hover:bg-[rgba(142,129,238,0.2)

1] active:bg-[rgba(142,129,238,0.4)] active:border-[#7D72D1]",children:"View All"})})]})}},45751:function(e,t,n){"use strict";n.d(t,{ML:function(){return a},zT:function(){return i},A2:function(){return s}});var r=(n(83454).env.production,"https://www.awesomescreenshot.com/blog-backend"),a="".concat(r,"/admin/api/file/upload"),i="".concat(r,"/api/posts/list"),s="".concat(r,"/api/posts/view")},95438:function(e,t,n){"use strict";n.d(t,{CL:function(){return s},r5:function(){return i}});var r=n(38008),a=n(45751),i=function(e){var t={};return Object.keys(e).forEach(function(n){var r=Object(e)[n];null!=r&&(t[n]=r)}),(0,r.LK)(a.zT,t)},s=function(e){return(0,r.LK)("".concat(a.A2,"/").concat(e))}},38008:function(e,t,n){"use strict";n.d(t,{LK:function(){return u},ZP:function(){return c},uz:function(){return p}});var r=n(11010),a=n(20567),i=n(14932),s=n(248),o=n(70655);function c(e,t){return l.apply(this,arguments)}function l(){return(l=(0,r._)(function(e,t){return(0,o.Jh)(this,function(n){switch(n.label){case 0:return[4,fetch(e,t)];case 1:return[4,n.sent().json()];case 2:return[2,n.sent()]}})})).apply(this,arguments)}function u(e,t,n,r){return d.apply(this,arguments)}function d(){return(d=(0,r._)(function(e,t,n,r){var l,u,d,p,x,m,f,h;return(0,o.Jh)(this,function(o){switch(o.label){case 0:return x=[],t&&(m=x).push.apply(m,(0,s._)(Object.keys(t).filter(function(e){return null!==t[e]&&void 0!==t[e]}).map(function(e){return"".concat(e,"=").concat(t[e])}))),f=e.toString(),x.length&&(/\?/.test(f)?f+="&"+x.join("&"):f+="?"+x.join("&")),h=null===(d=r)||void 0===d?void 0:null===(u=d.session.user)||void 0===u?void 0:null===(l=u.token)||void 0===l?void 0:l.token,[4,c(f,(0,i._)((0,a._)({},n),{headers:(0,a._)({Authorization:h||""},null===(p=n)||void 0===p?void 0:p.headers)}))];case 1:return[2,o.sent()]}})})).apply(this,arguments)}function p(e,t,n){return x.apply(this,arguments)}function x(){return(x=(0,r._)(function(e,t,n){var r,s,l,u,d,p;return(0,o.Jh)(this,function(o){switch(o.label){case 0:return p=null===(l=n)||void 0===l?void 0:null===(s=l.session.user)||void 0===s?void 0:null===(r=s.token)||void 0===r?void 0:r.token,[4,c(e,(0,i._)((0,a._)({method:"POST",body:null===(u=t)||void 0===u?void 0:u.body},t),{headers:(0,a._)({"Content-Type":"application/json",Authorization:p||""},null===(d=t)||void 0===d?void 0:d.headers)}))];case 1:return[2,o.sent()]}})})).apply(this,arguments)}},14814:function(e,t,n){"use strict";n.r(t),n.d(t,{__N_SSG:function(){return w},default:function(){return y}});var r=n(85893),a=n(11010),i=n(20567),s=n(14932),o=n(24043),c=n(70655),l=n(67294),u=n(31929),d=n(11187),p=n(69843),x=n(28656),m=n(43745),f=n(52854),h=n(45970),g=n(95438),v=n(20514),b=function(e){var t,n=e.categoryList,b=(0,o._)((0,l.useState)(null),2),w=b[0],y=b[1],_=(0,o._)((0,l.useState)(""),2),j=_[0],N=_[1],S=(0,o._)((0,l.useState)({page:1,page_size:v.IV,total:0}),2),k=S[0],E=S[1],L=(0,l.useCallback)((0,a._)(function(){var e,t,n;return(0,c.Jh)(this,function(r){switch(r.label){case 0:if(!j)return[2];e=d.ZP.loading("Searching..",0),r.label=1;case 1:return r.trys.push([1,3,,4]),[4,(0,g.r5)({full_search:j,page:k.page,page_size:k.page_size})];case 2:return!(t=r.sent()).code&&t.data&&(y(t.data.list),E(t.data.pager)),[3,4];case 3:return n=r.sent(),d.ZP.error(n.toString(),3),[3,4];case 4:return e(),[2]}})}),[j,k]),C=(t=(0,a._)(function(e){return(0,c.Jh)(this,function(t){return N(e),E((0,s._)((0,i._)({},k),{page:1})),e||y(null),[2]})}),function(e){return t.apply(this,arguments)});return(0,l.useEffect)(function(){j&&L()},[j,k.page]),(0,r.jsxs)(x.Z,{title:"Blog of Awesome Screenshot & Recorder",keywords:"blog, Awesome Screenshot & Recorder, Awesome Screenshot",description:"Blog of Awesome Screenshot & Recorder provides the tips & tricks, latest news, and useful how-to articles to help you capture screenshots, record screen, improve productivity and many more!",hideShadow:!0,children:[(0,r.jsx)(m.Z,{title:"Blog of Awesome Screenshot & Recorder",subTitle:"Blog of Awesome Screenshot & Recorder provides the tips & tricks, latest news, and useful how-to articles to help you capture screenshots, record screen, improve productivity and many more!"}),(0,r.jsx)(f.Z,{categoryList:n,onSearch:C,activeUrl:""}),!w&&n.map(function(e){return e.articles.length?(0,r.jsx)(h.Z,{className:"max-w-[1280px] mx-auto px-[30px]",title:e.category,url:e.url,articleList:e.articles.slice(0,6),showMore:e.articles.length>6},e.category):null}),w&&(0,r.jsx)(h.Z,{className:"max-w-[1280px] mx-auto px-[30px]",title:"Search Results",articleList:w}),w&&w.length?(0,r.jsx)("div",{className:"flex justify-center",children:(0,r.jsx)(u.default,{theme:{token:{colorPrimary:"#8E81EE"}}

1,children:(0,r.jsx)(p.default,{simple:!0,current:k.page,total:k.total,pageSize:k.page_size,onChange:function(e){return E((0,s._)((0,i._)({},k),{page:e}))}})})}):null]})},w=!0;function y(e){var t=e.categoryList;return(0,r.jsx)(b,{categoryList:t})}},51077:function(e){e.exports={style:{fontFamily:"'__Krub_0896c2', '__Krub_Fallback_0896c2'",fontWeight:400,fontStyle:"normal"},className:"__className_0896c2"}},90874:function(e){e.exports={style:{fontFamily:"'__League_Spartan_8ca94b', '__League_Spartan_Fallback_8ca94b'",fontStyle:"normal"},className:"__className_8ca94b",variable:"__variable_8ca94b"}}},function(e){e.O(0,[1849,9674,3246,1096,9538,8880,3104,5675,3740,8656,9774,2888,179],function(){return e(e.s=67801)}),_N_E=e.O()}]);