-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
1 lines (1 loc) · 13.8 KB
/
index.html
1
<!doctypehtml><meta charset=utf-8><title>Lorem Ipsum | Lynan's Page</title><meta content="width=device-width,initial-scale=1,maximum-scale=1"name=viewport><meta content="Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec ultrices ac metus eget tempor."name=description><meta content=article property=og:type><meta content="Lorem Ipsum"property=og:title><meta content=https://lynan.cn/test/index.html property=og:url><meta content="Lynan's Page"property=og:site_name><meta content="Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec ultrices ac metus eget tempor."property=og:description><meta content=en_US property=og:locale><meta content=https://i.imgur.com/YYQL4Mm.jpeg property=og:image><meta content=https://i.imgur.com/BHzANgK.jpeg property=og:image><meta content=https://i.imgur.com/uDpYpDZ.png property=og:image><meta content=https://i.imgur.com/yBnQs51.png property=og:image><meta content=2024-01-13T12:42:59.466Z property=article:published_time><meta content=2024-02-29T07:30:00.440Z property=article:modified_time><meta content=Lynan property=article:author><meta content=Lynan property=article:tag><meta content=summary name=twitter:card><meta content=https://i.imgur.com/YYQL4Mm.jpeg name=twitter:image><link href=/atom.xml rel=alternate title="Lynan's Page"type=application/atom+xml><link href=/favicon.png rel=icon><link href="//fonts.googleapis.com/css?family=Source+Code+Pro"rel=stylesheet><link href=/css/style.css rel=stylesheet><meta content="Hexo 6.3.0"name=generator><style>#container{max-width:800px;margin:0 auto}</style><style>.lazyload-outer-wrap .caption{width:100%;text-align:center;display:block}.lazyload-outer-wrap{display:block;margin-top:1em;margin-bottom:1em}.lazyload-wrap{position:relative;display:block;border-radius:.1em}.lazyload-wrap .placeholder{width:100%;height:0;display:block;padding-bottom:66.66667%;background-size:100% 100%;background-repeat:no-repeat;background-image:url(https://i.loli.wiki/public/240207/loading.svg)}.lazyload-wrap .placeholder canvas{position:absolute;top:0;left:0;width:100%;height:100%}.lazyload-wrap .inner-wrap iframe,.lazyload-wrap .inner-wrap video{width:100%;height:100%;border-radius:inherit}.lazyload-wrap .error-wrap,.lazyload-wrap .inner-wrap{opacity:0;transition:opacity ease-in-out .3s;position:absolute;width:100%;height:100%;top:0;left:0;will-change:opacity;border-radius:inherit}.lazyload-wrap .gallery-item{border-radius:inherit}.lazyload-wrap .inner-wrap.loaded{opacity:1}.lazyload-wrap img{object-fit:contain;display:block;margin:0 auto!important;height:100%!important;border-radius:inherit}.lazyload-wrap .placeholder.loaded{background-image:none!important;background-color:unset!important}.lazyload-wrap.loaded .inner-wrap{opacity:1}.lazyload-wrap .error-wrap{background-color:#f5f5f5;opacity:1;display:flex;flex-direction:column;justify-content:center;align-items:center}.lazyload-wrap .error-wrap .error-tip{width:60%;background-size:cover;background-image:url(https://i.loli.wiki/public/240201/error-tip.svg)}.lazyload-wrap .error-wrap .error-tip::before{content:'';display:block;width:100%;padding-top:26.79640719%}.lazyload-wrap .error-wrap .retry-btn{margin-top:2em;background-image:linear-gradient(#f7f8fa ,#e7e9ec);border-color:#adb1b8 #a2a6ac #8d9096;border-style:solid;border-width:1px;border-radius:3px;box-shadow:rgba(255,255,255,.6) 0 1px 0 inset;box-sizing:border-box;color:#0f1111;display:inline-block;font-family:"Amazon Ember",Arial,sans-serif;font-size:14px;height:29px;font-size:13px;outline:0;overflow:hidden;padding:0 11px;text-align:center}</style><script>var $lazyload={intersectionRatio:.25}</script><link href=https://i.loli.wiki/public/240207/loading.svg rel=preload as=image><link href=https://i.loli.wiki/public/240201/error-tip.svg rel=preload as=image><body><noscript><style>.lazyload-wrap{display:none}</style></noscript><div id=container><div id=wrap><header id=header><div id=banner></div><div class=outer id=header-outer><div class=inner id=header-title><h1 id=logo-wrap><a href=/ id=logo>Lynan's Page</a></h1></div><div class=inner id=header-inner><nav id=main-nav><a class=nav-icon id=main-nav-toggle></a> <a href=/ class=main-nav-link>Home</a> <a href=/archives class=main-nav-link>Archives</a></nav><nav id=sub-nav><a href=/atom.xml class=nav-icon id=nav-rss-link title="RSS Feed"></a> <a class=nav-icon id=nav-search-btn title=Search></a></nav><div id=search-form-wrap><form accept-charset=UTF-8 action=//google.com/search class=search-form><input name=q type=search class=search-form-input placeholder=Search><button class=search-form-submit type=submit></button><input name=sitesearch type=hidden value=https://lynan.cn></form></div></div></div></header><div class=outer><section id=main><article class="article article-type-post"id=post-test itemprop=blogPost itemscope><div class=article-meta><a href=https://lynan.cn/ >Back to Lynan's Page</a></div><div class=article-inner><header class=article-header><h1 class=article-title itemprop=name>Lorem Ipsum</h1></header><div class=article-entry itemprop=articleBody><style>#header,#sidebar{display:none}</style><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec ultrices ac metus eget tempor. Curabitur nunc enim, interdum sed metus at, egestas suscipit dolor. Nam faucibus est in mattis posuere. Curabitur non lacus malesuada, condimentum lectus vitae, posuere nisl. Nulla aliquam nisl iaculis porttitor tristique. Suspendisse at risus tortor. Mauris commodo dui vitae mi pellentesque, eu viverra nibh eleifend. Phasellus lobortis velit nec convallis eleifend. Pellentesque in pulvinar mauris. Integer sit amet ullamcorper sapien.<p>Nam at eleifend nunc. Sed molestie lacus id auctor dapibus. Vivamus ultricies felis non lorem viverra ultricies. Donec vitae nunc justo. Nam a dui tempus, efficitur risus sit amet, volutpat mi. Praesent id dignissim est. Duis quam eros, egestas et lobortis sit amet, mollis eget libero. Proin sed dapibus tortor. Curabitur at eleifend ligula. Etiam pellentesque bibendum sollicitudin. Sed vel convallis ante. Sed vel odio tempor, congue odio a, vulputate massa. Fusce fringilla blandit metus, aliquam mattis metus volutpat eget.<p><span class=lazyload-outer-wrap style=width:100%><a href=https://i.imgur.com/YYQL4Mm.jpeg class=gallery-item data-fancybox=gallery rel=noopener target=_blank><noscript><img alt=IMG_1 src=https://i.imgur.com/YYQL4Mm.jpeg></noscript><span class=lazyload-wrap data-content=%3Cimg%20src%3D%22https%3A%2F%2Fi.imgur.com%2FYYQL4Mm.jpeg%22%20alt%3D%22IMG_1%22%3E><span class=placeholder></span></span></a><span class=caption>IMG_1</span></span><p><span class=lazyload-outer-wrap style=width:100%><a href=https://i.imgur.com/BHzANgK.jpeg class=gallery-item data-fancybox=gallery rel=noopener target=_blank><noscript><img alt=IMG_2 src=https://i.imgur.com/BHzANgK.jpeg></noscript><span class=lazyload-wrap data-content=%3Cimg%20src%3D%22https%3A%2F%2Fi.imgur.com%2FBHzANgK.jpeg%22%20alt%3D%22IMG_2%22%3E><span class=placeholder style=background-image:url(data:image/bmp;base64,Qk2uAAAAAAAAADYAAAAoAAAACAAAAPv///8BABgAAAAAAHgAAAAAAAAAAAAAAAAAAAAAAAAA9sKE+dCX+t6v++rI/PTf/fXj/O/U/OfF5rR87caT8dar9OPC+O/W+vLb+evP+OfJwZFlz6d92bqU4cuq7N7D8OTJ7dq869i6i2dKnHlcrItrvKCD0byh2cWr0raYy7CUV0IzaVNBfWRMkXljqpN9tZ2HrYtwnH1l)></span></span></a><span class=caption>IMG_2</span></span><p>Vestibulum quis nibh blandit, maximus quam nec, interdum nibh. In massa ante, volutpat non scelerisque at, commodo eget sem. Aliquam vehicula quam sit amet ex rutrum, ut hendrerit lorem malesuada. Nam facilisis, nulla ut vehicula dignissim, erat ante tempor purus, maximus efficitur erat ante sed turpis. Nam at pretium erat. Fusce eu mi in mauris iaculis mollis tristique in metus. Praesent tincidunt turpis at sapien luctus, cursus condimentum elit tempus.</p><span class=lazyload-outer-wrap style=width:100%><span class=lazyload-wrap style=width:100%;height:100%;aspect-ratio:16/9 data-content=%3Ciframe%20src%3D%22%2F%2Fplayer.bilibili.com%2Fplayer.html%3Faid%3D274178999%26bvid%3DBV1Wc411c7Pj%26cid%3D1219718004%26page%3D1%26autoplay%3D0%22%20scrolling%3D%22no%22%20border%3D%220%22%20frameborder%3D%22no%22%20framespacing%3D%220%22%20allowfullscreen%3D%22true%22%20%20%3E%3C%2Fiframe%3E><span class=placeholder style=padding-bottom:56.25%;background-image:url(https://i.loli.wiki/public/240202/BilibiliSkeleton.svg)></span></span><noscript>[This iframe content need to be loaded by JavaScript.]</noscript></span><p><span class=lazyload-outer-wrap style=width:100%><a href=https://i.imgur.com/uDpYpDZ.png class=gallery-item data-fancybox=gallery rel=noopener target=_blank><noscript><img alt="IMG_4 "src=https://i.imgur.com/uDpYpDZ.png></noscript><span class=lazyload-wrap data-content=%3Cimg%20src%3D%22https%3A%2F%2Fi.imgur.com%2FuDpYpDZ.png%22%20alt%3D%22IMG_4%20%24placeholder%3Dblurhash%3AL7043-g9f6gSg8fRf6flf%24fkfQfQ%3Dplaceholder%22%3E><span class=placeholder style=padding-bottom:75%></span></span></a><span class=caption>IMG_4</span></span><p>Ut in ante imperdiet, sodales leo non, consectetur massa. Sed accumsan vel ipsum quis dictum. Proin dignissim feugiat finibus. Morbi lacus sem, lobortis a neque ut, volutpat molestie mauris. Phasellus laoreet semper turpis quis luctus. Proin blandit imperdiet cursus. Nullam hendrerit, diam vitae vehicula fringilla, purus velit pretium ex, vitae tempor dui ligula non tellus. Maecenas rutrum tellus non erat vestibulum accumsan. Sed felis arcu, aliquet vitae pulvinar nec, pretium id ante.<p><span class=lazyload-outer-wrap style=width:100%><a href=https://i.imgur.com/yBnQs51.png class=gallery-item data-fancybox=gallery rel=noopener target=_blank><noscript><img alt="IMG_5 "src=https://i.imgur.com/yBnQs51.png></noscript><span class=lazyload-wrap data-content=%3Cimg%20src%3D%22https%3A%2F%2Fi.imgur.com%2FyBnQs51.png%22%20alt%3D%22IMG_5%20%24placeholder%3Dblurhash%3AL02%25O%40oin%2BpMVok6bHbEnfX9bHfO%3Dplaceholder%22%3E><span class=placeholder></span></span></a><span class=caption>IMG_5</span></span></div></div></article></section><aside id=sidebar><div class=widget-wrap><h3 class=widget-title>Archives</h3><div class=widget><ul class=archive-list><li class=archive-list-item><a href=/archives/2024/01/ class=archive-list-link>January 2024</a></ul></div></div><div class=widget-wrap><h3 class=widget-title>Recent Posts</h3><div class=widget><ul><li><a href=/test/ >Lorem Ipsum</a></ul></div></div></aside></div></div><script src=//ajax.googleapis.com/ajax/libs/jquery/2.0.3/jquery.min.js></script><link href=/fancybox/jquery.fancybox.css rel=stylesheet><script src=/fancybox/jquery.fancybox.pack.js></script><script src=/js/script.js></script></div><script>"use strict";!function(){function S(e){return~~(1227e-8<e?q*H(e,.416666)-13.025:e*U+1)}function T(e){for(e+=M/2;M<e;)e-=n;var t=1.27323954*e-.405284735*O(e);return.225*(O(t)-t)+t}var x=function(e,t,n){for(var r=0;t<n;)r=(r*=83)+"0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz#$%*+,-.:;=?@[]^_{|}~".indexOf(e[t++]);return r},H=Math.pow,M=Math.PI,n=2*M,U=3294.6,q=269.025,O=function(e){return(e<0?-1:1)*e*e};"undefined"!=typeof window&&(window.blurhash={decodeBlurHash:function(e,t,n,r){var o,a,d,i,c,l,s,u,p=x(e,0,1),h=p%9+1,f=1+~~(p/9),v=h*f,m=0,w=0,g=0,C=0,y=0,b=0,I=0,L=(x(e,1,2)+1)/13446*(1|r),D=new Float64Array(3*v),E=[(p=x(p=e,2,6))>>16,p>>8&255,255&p];for(m=0;m<3;m++)D[m]=10.31475<(u=E[m])?H(u/q+.052132,2.4):u/U;for(m=1;m<v;m++)s=x(e,4+2*m,6+2*m),D[3*m]=O(~~(s/361)-9)*L,D[3*m+1]=O(~~(s/19)%19-9)*L,D[3*m+2]=O(s%19-9)*L;var A=4*t,R=new Uint8ClampedArray(A*n);for(C=0;C<n;C++)for(c=M*C/n,g=0;g<t;g++){for(l=M*g/t,w=I=b=y=0;w<f;w++)for(a=T(c*w),m=0;m<h;m++)o=T(l*m)*a,y+=D[d=3*(m+w*h)]*o,b+=D[1+d]*o,I+=D[2+d]*o;R[i=4*g+C*A]=S(y),R[1+i]=S(b),R[2+i]=S(I),R[3+i]=255}return R}})}(),function(){if("undefined"!=typeof window){var d=function(e){var t=document.createElement("div");return t.innerHTML=e,t.classList.add("inner-wrap"),t},e=function(e){var t,n,r=document.createElement("div"),o=decodeURIComponent(e.dataset.content).replace("<img","<div");r=function(e){var t={};if(!e)return"";try{var n=/\$placeholder=(\S+)=placeholder/gi.exec(e);n&&n[1]&&(t.placeholderImage=n[1])}catch(e){console.log(e)}return t}((o=(r.innerHTML=o,r.children[0])).getAttribute("alt"));(o=o.dataset.placeholderimg||r.placeholderImage)&&/blurhash:/.test(o)&&(r=document.createElement("canvas"),o=blurhash.decodeBlurHash(o.replace("blurhash:",""),32,32),t=r.getContext("2d"),r.width=32,r.height=32,(n=t.createImageData(32,32)).data.set(o),t.putImageData(n,0,0),o=r,e.children[0].appendChild(o)),e.dataset.content=e.dataset.content.replace(/%24placeholder%3D(\S+)%3Dplaceholder/gi,"").replace(/%24aspect-ratio%3D(\S+)%3Daspect-ratio/gi,"")},r=function(n){function r(e){n.classList.remove("loaded"),e.preventDefault(),e.stopPropagation(),(e=n.querySelectorAll(".error-wrap")[0])&&n.removeChild(e),e=n.children[1],n.removeChild(e),e=d(t),o(e),a(e),n.appendChild(e)}var t=decodeURIComponent(n.dataset.content),e=d(t),o=function(e){e.children[0].onload=function(){setTimeout(function(){n.classList.add("loaded")},100);var e=n.querySelectorAll(".error-wrap")[0];e&&n.removeChild(e)},e.ontransitionend=function(){n.children[0].classList.add("loaded")},/<video/.test(t)&&setTimeout(function(){n.classList.add("loaded")},100)},a=function(e){e.children[0].onerror=function(){var e,t=document.createElement("div");(e=((e=(t.classList.add("error-wrap"),document.createElement("span"))).classList.add("error-tip"),t.appendChild(e),document.createElement("button"))).innerText="Retry",e.classList.add("retry-btn"),e.onclick=r,t.appendChild(e),n.appendChild(t)}};o(e),a(e),n.appendChild(e)},t=document.querySelectorAll(".lazyload-wrap");if(window.IntersectionObserver)for(var n,o,a=0;a<t.length;a++)e(c=t[a]),function(t){var n=new IntersectionObserver(function(e){e.forEach(function(e){e.intersectionRatio>=window.$lazyload.intersectionRatio&&(r(t),n.disconnect())})},{root:document,threshold:[0,.2,.4,.6,.8,1]});n.observe(t)}(c);else for(var i=0;i<t.length;i++){var c=t[i];n=c,void 0,o=decodeURIComponent(n.dataset.content),n.appendChild(d(o))}}}()</script>