调用 animate.css 添加 fadeIn 动画

404.php

@@ -1,7 +1,7 @@
 <?php if (!defined('__TYPECHO_ROOT_DIR__')) exit; ?>
 <?php $this->need('header.php'); ?>
 
-<div class="col mt-5" id="main" role="main">
+<div class="col mt-5 animate__animated animate__fadeIn" id="main" role="main">
     <article>
             <h1 class="font-weight-bold">404 NOT FOUND.</h1>
             <hr>

archives.php

@@ -8,7 +8,7 @@ if (!defined('__TYPECHO_ROOT_DIR__')) exit;
 $this->need('header.php');
 ?>
 
-<div class="col mt-5" id="main" role="main">
+<div class="col mt-5 animate__animated animate__fadeIn" id="main" role="main">
     <article>
         <h1 class="font-weight-bold post-title">文章归档</h1>
         <?php Typecho_Widget::widget('Widget_Stat')->to($stat);?><?php $stat->publishedPostsNum() ?> 篇文章，<?php echo allOfCharacters();?> 文字。

footer.php

@@ -57,7 +57,7 @@
     });
 </script>
 
-<footer class="mt-5 mb-5" id="footer" role="footer">
+<footer class="mt-5 mb-5 animate__animated animate__fadeIn" id="footer" role="footer">
     <div class="container">
         <hr>
         <div class="text-center">

friends.php

@@ -8,7 +8,7 @@ if (!defined('__TYPECHO_ROOT_DIR__')) exit;
 $this->need('header.php');
 ?>
 
-<div class="col mt-5" id="main" role="main">
+<div class="col mt-5 animate__animated animate__fadeIn" id="main" role="main">
     <article>
         <h1 class="font-weight-bold post-title">友情链接</h1>
 		<hr>

header.php

@@ -52,6 +52,9 @@
     <script src="https://cdn.jsdelivr.net/npm/@fancyapps/fancybox@3.5.7/dist/jquery.fancybox.min.js"></script>
     <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@fancyapps/fancybox@3.5.7/dist/jquery.fancybox.min.css">
 
+    <!-- Animate.css -->
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/animate.css@latest/animate.min.css"/>
+
     <?php $this->options->headerCode(); ?>
     <style><?php $this->options->cutsomCSS(); ?></style>
 

homepage.php

@@ -52,6 +52,9 @@ $this->need('functions.php'); // 不知道为啥，似乎模版页面不会自
     <!-- KaTeX css via jsDelivr-->
     <!-- <link rel="stylesheet" href="//cdn.jsdelivr.net/npm/katex@latest/dist/katex.min.css"> -->
 
+    <!-- Animate.css -->
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/animate.css@latest/animate.min.css"/>
+
     <?php $this->options->headerCode(); ?>
     <style><?php $this->options->cutsomCSS(); ?></style>
 
@@ -85,7 +88,7 @@ $this->need('functions.php'); // 不知道为啥，似乎模版页面不会自
 </nav>
 <?php endif; ?>
 
-<div class="flex-container">
+<div class="flex-container animate__animated animate__fadeIn">
     <header id="header" class="clearfix mb-4">
         <div class="container">
             <div class="row">
@@ -147,7 +150,7 @@ $this->need('functions.php'); // 不知道为啥，似乎模版页面不会自
     </nav>
 </div>
 
-<footer class="mt-5 mb-5" id="footer" role="footer">
+<footer class="mt-5 mb-5 animate__animated animate__fadeIn" id="footer" role="footer">
     <div class="container">
         <hr>
         <div class="text-center">

index.php

@@ -12,7 +12,7 @@ if (!defined('__TYPECHO_ROOT_DIR__')) exit;
     $this->need('header.php');
 ?>
 
-<div class="col mt-5" id="main" role="main">
+<div class="col mt-5 animate__animated animate__fadeIn" id="main" role="main">
     <?php if ($this->options->notification !='') { ?>
     <div class="alert alert-primary alert-dismissible fade show shadow" role="alert">
         <?php if ($this->options->notificationIcon != '') { ?>

page.php

@@ -5,7 +5,7 @@
     <script type='text/javascript'>window.location.href = '<?php echo $this->fields->linkTo ?>';</script>
 <?php endif; ?>
 
-<div class="col mt-5" id="main" role="main">
+<div class="col mt-5 animate__animated animate__fadeIn" id="main" role="main">
     <article>
         <h1 class="font-weight-bold post-title"><?php $this->title() ?></h1>
         <hr>

post.php

@@ -5,7 +5,7 @@
     <script type='text/javascript'>window.location.href = '<?php echo $this->fields->linkTo ?>';</script>
 <?php endif; ?>
 
-<div class="col mt-5" id="main" role="main">
+<div class="col mt-5 animate__animated animate__fadeIn" id="main" role="main">
     <article>
         <?php if ($this->fields->headPic !=''): ?>
             <a data-fancybox="gallery" href="<?php $this->fields->headPic(); ?>" data-caption="<?php $this->title(); ?>">