deferring scripts and minor bug fixes

CHANGELOG.md

@@ -1,3 +1,6 @@
+## 4.5.2
+- 异步加载 JavaScript
+- 修复 drawer 与 footer 的动画
 ## 4.5.1
 - 修复开启 pangu 后的 502 错误
 ## 4.5

README.md

@@ -42,7 +42,7 @@ https://github.com/EAimTY/materiality-typecho-theme
 4. 清除浏览器缓存、CDN 缓存与网站 Cookies 以免与之前使用的主题发生冲突
 
 # 版本
-4.5.1
+4.5.2
 
 # 更新日志
 见 [CHANGELOG](https://github.com/EAimTY/materiality-typecho-theme/blob/master/CHANGELOG.md)

header.php

@@ -14,22 +14,22 @@
     <meta id="color_safari" name="apple-mobile-web-app-status-bar-style" content="#<?php echo getColor($this->options->primaryColor); ?>" />
     <link rel="stylesheet" type="text/css" href="<?php $this->options->themeUrl('assets/css/mdui.min.css'); ?>" />
     <link rel="stylesheet" type="text/css" href="<?php $this->options->themeUrl('assets/css/materiality.min.css'); ?>" />
-    <script type="text/javascript" src="<?php $this->options->themeUrl('assets/js/mdui.min.js'); ?>"></script>
+    <script type="text/javascript" src="<?php $this->options->themeUrl('assets/js/mdui.min.js'); ?>" defer></script>
     <?php if (in_array('pjax', $this->options->feature)): ?>
-      <script type="text/javascript" src="<?php $this->options->themeUrl('assets/js/pjax.min.js'); ?>"></script>
+      <script type="text/javascript" src="<?php $this->options->themeUrl('assets/js/pjax.min.js'); ?>" defer></script>
     <?php endif; ?>
     <?php if (in_array('lazyLoad', $this->options->feature)): ?>
-      <script type="text/javascript" src="<?php $this->options->themeUrl('assets/js/lazysizes.min.js'); ?>"></script>
+      <script type="text/javascript" src="<?php $this->options->themeUrl('assets/js/lazysizes.min.js'); ?>" defer></script>
     <?php endif; ?>
     <?php if (in_array('smoothScroll', $this->options->feature)): ?>
-      <script type="text/javascript" src="<?php $this->options->themeUrl('assets/js/smoothscroll.min.js'); ?>"></script>
+      <script type="text/javascript" src="<?php $this->options->themeUrl('assets/js/smoothscroll.min.js'); ?>" defer></script>
     <?php endif; ?>
-    <script type="text/javascript" src="<?php $this->options->themeUrl('assets/js/materiality.min.js'); ?>"></script>
+    <script type="text/javascript" src="<?php $this->options->themeUrl('assets/js/materiality.min.js'); ?>" defer></script>
     <?php if (in_array('darkToggle', $this->options->appbar) || in_array('autoDark', $this->options->feature)): ?>
-      <script type="text/javascript" src="<?php $this->options->themeUrl('assets/js/darkmode.min.js'); ?>"></script>
+      <script type="text/javascript" src="<?php $this->options->themeUrl('assets/js/darkmode.min.js'); ?>" defer></script>
     <?php endif; ?>
     <?php if (in_array('autoDark', $this->options->feature)): ?>
-      <script type="text/javascript" src="<?php $this->options->themeUrl('assets/js/autodark.min.js'); ?>"></script>
+      <script type="text/javascript" src="<?php $this->options->themeUrl('assets/js/autodark.min.js'); ?>" defer></script>
     <?php endif; ?>
     <?php if ($this->options->avatar): ?>
       <link rel="Shortcut Icon" href="<?php $this->options->avatar(); ?>" />

index.php

@@ -4,7 +4,7 @@
  *
  * @package materiality-typecho-theme
  * @author EAimTY
- * @version 4.5.1
+ * @version 4.5.2
  * @link https://www.eaimty.com/
  */
 ?>