del lazyload

include/style/base.styl

@@ -76,7 +76,6 @@ body
     min-height: 100%
     display: flex
     flex-direction: column
-    font-display: swap
 
 body > .section
     flex-grow: 1

layout/common/article.jsx

@@ -37,9 +37,9 @@ module.exports = class extends Component {
                 {/* Thumbnail */}
                 {cover ? <div class="card-image">
                     {index ? <a href={url_for(page.link || page.path)} class="image is-7by3">
-                        <img class="fill lazy" data-src={cover} alt={page.title || cover} />
+                        <img class="fill" src={cover} alt={page.title || cover} />
                     </a> : <span class="image is-7by3">
-                        <img class="fill lazy" data-src={cover} alt={page.title || cover} />
+                        <img class="fill" src={cover} alt={page.title || cover} />
                     </span>}
                 </div> : null}
                 <article class={`card-content article${'direction' in page ? ' ' + page.direction : ''}`} role="article">

layout/common/scripts.jsx

@@ -32,7 +32,6 @@ module.exports = class extends Component {
         return <Fragment>
             <script src={cdn('jquery', '3.3.1', 'dist/jquery.min.js')}></script>
             <script src={cdn('moment', '2.22.2', 'min/moment-with-locales.min.js')}></script>
-            <script src={cdn('vanilla-lazyload', '17.8.3', 'dist/lazyload.min.js')}></script>
             {clipboard && <script src={cdn('clipboard', '2.0.4', 'dist/clipboard.min.js')} defer></script>}
             <script dangerouslySetInnerHTML={{ __html: `moment.locale("${language}");` }}></script>
             <script dangerouslySetInnerHTML={{ __html: embeddedConfig }}></script>
@@ -40,10 +39,6 @@ module.exports = class extends Component {
             <Plugins site={site} config={config} page={page} helper={helper} head={false} />
             <script src={url_for('/js/main.js')} defer></script>
             <script src={url_for('/js/flying-pages.min.js')} defer={true}></script>
-            <script>
-                var lazyLoadInstance = new LazyLoad({
-                });       
-            </script>
         </Fragment>;
     }
 };

layout/widget/profile.jsx

@@ -35,7 +35,7 @@ class Profile extends Component {
                     <div class="level-item has-text-centered flex-shrink-1">
                         <div>
                             <figure class="image is-128x128 mx-auto mb-2">
-                                <img class={'lazy ' + 'avatar' + (avatarRounded ? ' is-rounded' : '')} data-src={avatar} alt={author} />
+                                <img class={'avatar' + (avatarRounded ? ' is-rounded' : '')} src={avatar} alt={author} />
                             </figure>
                             {author ? <p class="title is-size-4 is-block" style={{'line-height': 'inherit'}}>{author}</p> : null}
                             {authorTitle ? <p class="is-size-6 is-block">{authorTitle}</p> : null}

package.json

@@ -1,6 +1,6 @@
 {
   "name": "hexo-theme-amane",
-  "version": "0.0.41",
+  "version": "0.0.42",
   "author": "Nofated095 <nofated095@users.noreply.github.com>",
   "license": "MIT",
   "description": "A simple, delicate, and modern theme for Hexo",

source/css/lazyload.css

@@ -1,10 +0,0 @@
-article img.lazyload  {
-    transition: filter .35s ease 0s;
-}
-article img.lazyload:not(.loaded) {
-    -webkit-filter:  blur(5px);
-    filter:  blur(5px);
-}
-article img.lazyload:not(.loaded):not(.loading) {
-    padding-bottom: 52.286%;
-}