导航这块代码没了。。

static/script.js

@@ -16,4 +16,62 @@ $(function() {
     $(item).find('.highlight').slideToggle(150);
     item.toggleClass('code-box-expand');
   }
+    var navFunc={
+        navStrArr: [],
+        init:function (){
+            var self=this;
+            self.navBox = $(".nav");
+            self.navBar = self.navBox.find(".bar");
+            self.navList = self.navBox.find("ul li");
+            self.navNum=$(".current").index();
+            self.search($(".search"));
+            self.navBarAnim();
+            self.navResize(null);
+            $(window).bind("resize", self.navResize);
+        },
+        navResize: function (e) {
+            var self = navFunc;
+            self.navBar.css("left", self.navList.width() * self.navNum)//.addClass("barAnim");
+
+            self.navList.eq(self.navNum).find("a").addClass("hover");
+        },
+        search: function (c) {
+            var self = this;
+            self.searchBox = c;
+            self.searchInput = self.searchBox.find("input[type='text']");
+            self.searchBtn = self.searchBox.find("button");
+            self.searchInput.focus(function (e) {
+                $(this).addClass("focus");
+                self.searchBtn.css("left", self.searchBox.width() + 13);
+            });
+            self.searchInput.blur(function (e) {
+                if (!self.searchInput.val()) {
+                    self.searchBtn.attr("style", "");
+                    $(this).removeClass("focus");
+                }
+            });
+            self.searchBtn.click(function (e) {
+                self.searchBox.find("form").submit();
+            })
+        },
+        navBarAnim: function () {
+            var self = this,delay;
+            function startBarAnim(num) {
+                self.navBar.css("left", self.navList.width() * num);
+                self.navList.eq(num).find("a").addClass("hover");
+            }
+            self.navList.bind("mouseenter", function (e) {
+                clearTimeout(delay);
+                var m = e.currentTarget;
+                self.navList.find("a").removeClass("hover");
+                self.navBar.addClass("barAnim").css("left", $(m).width() * $(m).index())
+            });
+            self.navList.bind("mouseleave", function (e) {
+                delay = setTimeout(function () {
+                    startBarAnim(self.navNum)
+                }, 500);
+            });
+        }
+    };
+    navFunc.init()
 });

static/style.css

@@ -178,7 +178,7 @@ header {
   border-top: 3px solid transparent;
 }
 .nav ul li.current {
-  border-top: 3px solid #71B5DE;
+  /*border-top: 3px solid #71B5DE;*/
 }
 .nav ul li a {
   color: #728AA3;

theme/templates/layout.html

@@ -30,6 +30,7 @@
       </form>
     </div>
     <nav class="nav">
+        <span class="bar"></span>
       <ul>
         <li class="{%- if post.meta.filepath === 'README.md' %}current{%- endif %}">
           <a href="/">首页</a>