diff --git a/index.php b/index.php
index 4765a62..30a759f 100644
--- a/index.php
+++ b/index.php
@@ -10,6 +10,89 @@
 
 $this->need('base/header.php');
 ?>
+<div class="carousel carousel-slider center index-cover" data-indicators="true" style="margin-top:-64px">
+    <div id="prev-cover" class="left waves-effect carousel-control"><i class="icon fa fa-angle-left"></i></div>
+    <div id="next-cover" class="right waves-effect carousel-control"><i class="icon fa fa-angle-right"></i></div>
+    <div class="carousel-item gray white-text bg-cover about-cover">
+        <div class="container">
+            <div class="row">
+                <div class="col s10 offset-s1 m8 offset-m2 l8 offset-l2">
+                    <div class="brand">
+                        <div class="title center-align">墨白</div>
+                        <div class="description center-align"><span id="subtitle"></span>
+                            <script src="https://cdn.jsdelivr.net/npm/typed.js@2.0.11"></script>
+                            <script>var typed = new Typed("#subtitle", { strings: ["实现自己既定的目标，必须能耐得住寂寞单干", "To achieve the goal, we must be able to stand the loneliness and do it alone"], startDelay: 100, typeSpeed: 120, loop: !0, backSpeed: 150, showCursor: !1 })</script>
+                        </div>
+                    </div>
+                </div>
+            </div>
+            <script>$(".bg-cover").css("background-image", "url(<?php $this->options->themeUrl('static'); ?>/medias/banner/" + (new Date).getDay() + ".jpg)")</script>
+            <div class="cover-btns"><a href="#indexCard" class="waves-effect waves-light btn"><i
+                            class="fa fa-angle-double-down"></i>开始阅读 </a><a
+                        href="https://codeload.github.com/mobaijun8/hexo_blog_matery/zip/master"
+                        class="waves-effect waves-light btn" target="_blank"><i
+                            class="fas fa-cloud-download-alt"></i>下载主题</a></div>
+            <div class="cover-social-link"><a href="https://github.com/mobaijun/hexo_blog_matery" class="tooltipped"
+                                              target="_blank" data-tooltip="github: https://github.com/mobaijun/hexo_blog_matery"
+                                              data-position="top" data-delay="50"><i class="fab fa-github-alt"></i> </a><a
+                        href="https://gitee.com/wang_lianjie/mobai_hexoBlog" class="tooltipped" target="_blank"
+                        data-tooltip="码云" data-position="top" data-delay="50"><i class="fab fa-gofore"></i> </a><a
+                        href="https://wang_lianjie.gitee.io/mobai_images.gitee.io/ziliaoxiazai.html" class="tooltipped"
+                        target="_blank"
+                        data-tooltip="java: https://wang_lianjie.gitee.io/mobai_images.gitee.io/ziliaoxiazai.html"
+                        data-position="top" data-delay="50"><i class="fab fa-studiovinari"></i> </a><a
+                        href="mailto:mobaijun8@163.com" class="tooltipped" target="_blank" data-tooltip="邮件联系我"
+                        data-position="top" data-delay="50"><i class="fas fa-at"></i> </a><a
+                        href="https://wang_lianjie.gitee.io/mobai_images.gitee.io/img/about.jpg" class="tooltipped"
+                        target="_blank"
+                        data-tooltip="wechat: https://wang_lianjie.gitee.io/mobai_images.gitee.io/img/about.jpg"
+                        data-position="top" data-delay="50"><i class="fab fa-weixin"></i> </a><a href="/atom.xml"
+                                                                                                 class="tooltipped" target="_blank" data-tooltip="RSS 订阅" data-position="top" data-delay="50"><i
+                            class="fas fa-rss"></i></a></div>
+        </div>
+    </div>
+    <div class="carousel-item amber white-text carousel-post bg-cover"
+         style="background-image:url(/medias/featureimages/7.jpg)">
+        <div class="container">
+            <div class="row">
+                <div class="col s10 offset-s1">
+                    <div class="title center-align">Hello World</div>
+                    <div class="description center-align">
+                        生活就是，只有勇于攀登才能创造辉煌；生活就是创新，只有与时俱进才能跟上时代；生活就是付出，只有吃苦流汗才能实现理想；生活就是享受，只有品尝人生才能感知生活的快乐。</div>
+                    <div class="cover-btns"><a href="/posts/hello-world.html" class="waves-effect waves-light btn"
+                                               target="_blank"><i class="icon fa fa-eye fa-fw"></i>阅读更多</a></div>
+                </div>
+            </div>
+        </div>
+    </div>
+</div>
+<script>$(function () {
+        let coverSlider = $('.carousel');
+        coverSlider.carousel({
+            duration: Number('120'),
+            fullWidth: true,
+            indicators: 'true' === 'true'
+        });
+
+        let carouselIntervalId;
+
+
+        let restartPlay = function () {
+
+        };
+
+
+        // prev and next cover post.
+        $('#prev-cover').click(function () {
+            coverSlider.carousel('prev');
+            restartPlay();
+        });
+        $('#next-cover').click(function () {
+            coverSlider.carousel('next');
+            restartPlay();
+        });
+
+    });</script>
 <!-- start main -->
 <main class="content">
     <div id="indexCard" class="index-card">
diff --git a/post.php b/post.php
index 60d21d6..54b923f 100644
--- a/post.php
+++ b/post.php
@@ -1,5 +1,6 @@
 <?php
 $this->need('base/header.php');
+$this->need('base/style.php');
 $this->need('base/article.style.php');
 ?>
     <div class="bg-cover pd-header post-cover" style="background-image:url(<?php echo get_postthumb($this); ?>)">