diff --git a/static/css/blogs.css b/static/css/blogs.css
index b248dc0..091a9d9 100644
--- a/static/css/blogs.css
+++ b/static/css/blogs.css
@@ -61,3 +61,4 @@
     text-align: center
 }
 
+
diff --git a/static/css/common.css b/static/css/common.css
index 9e243c9..1b4f3c4 100644
--- a/static/css/common.css
+++ b/static/css/common.css
@@ -121,4 +121,7 @@ a{
 }
 .pagination ul .active a{
     color: #fff;
+}
+.breadcrumb-container{
+    padding: 20px;
 }
\ No newline at end of file
diff --git a/static/css/login.css b/static/css/login.css
index 68137dc..4ea643f 100644
--- a/static/css/login.css
+++ b/static/css/login.css
@@ -1,5 +1,5 @@
 .login-root {
-    background: url("/static/img/login.png") no-repeat;
+    background:  #f0e7db url("/static/img/login.png") no-repeat;
     position: absolute;
     min-height: 100%;
     width: 100%;
diff --git a/views/note.html b/views/note.html
index b00706b..6618d98 100644
--- a/views/note.html
+++ b/views/note.html
@@ -11,11 +11,14 @@
     <link type="text/css" rel="styleSheet" href="/static/css/menu-reset.css"/>
     <link type="text/css" rel="styleSheet" href="/static/css/notemenu.css"/>
     <link type="text/css" rel="styleSheet" href="/static/css/menunav.css"/>
-    <link rel="stylesheet" href="/static/layui/css/layui.css">
+
     <script type="text/javascript" src="https://cdn.bootcss.com/jquery/3.4.0/jquery.min.js"></script>
+    <script type="text/javascript" src="/static/js/layer.js"></script>
+    <link rel="stylesheet" href="/static/layui/css/layui.css">
+    <script type="text/javascript" src="/static/layui/layui.js"></script>
     <script src="/static/js/menu.js"></script> <!-- Modernizr -->
     <script src="/static/js/wangEditor.min.js"></script>
-    <script type="text/javascript" src="/static/layui/layui.js"></script>
+
     <style>
         .w-e-toolbar {
             height: 40px;
diff --git a/views/ublogs.html b/views/ublogs.html
index 477a6b3..25de1a4 100644
--- a/views/ublogs.html
+++ b/views/ublogs.html
@@ -9,11 +9,14 @@
 
     <div class="me-blog-root">
         <div class="me-blog-list">
-            <ol class="breadcrumb">
-                <li>个人中心</li>
-                <li>我的博客</li>
-                <li class="active">博客列表</li>
-            </ol>
+            <div class="breadcrumb-container">
+                <span class="layui-breadcrumb">
+                  <a href="/">首页</a>
+                  <a href="">个人中心</a>
+                  <a href="/me/blog">我的博客</a>
+                  <a><cite>博客列表</cite></a>
+                </span>
+            </div>
         {{range .Page.List}}
             <div>
                 <p><a href="/blog/{{.Id}}">{{.Title}}</a></p>
diff --git a/views/uinfo.html b/views/uinfo.html
index 21b2f2f..a08e0ce 100644
--- a/views/uinfo.html
+++ b/views/uinfo.html
@@ -9,13 +9,16 @@
 {{template "memenu" .}}
     <div class="me-blog-root">
         <div class="me-blog-list">
-            <ol class="breadcrumb">
-                <li>个人中心</li>
-                <li>我的资料</li>
-                <li class="active">个人信息</li>
-            </ol>
+            <div class="breadcrumb-container">
+                <span class="layui-breadcrumb">
+                  <a href="/">首页</a>
+                  <a href="">个人中心</a>
+                  <a href="/me/info">我的资料</a>
+                  <a><cite>个人信息</cite></a>
+                </span>
+            </div>
             <div style="display: flex">
-                <div style="width: 128px">
+                <div style="width: 160px">
                     <img src="{{.HeadImg}}" alt="头像" class="img-circle img-circle-large">
                     <div id="drop_area" style="margin-top: 15px"></div>
                 </div>
diff --git a/views/unote.html b/views/unote.html
index a8e45f3..fc731e2 100644
--- a/views/unote.html
+++ b/views/unote.html
@@ -9,12 +9,15 @@
 
     <div class="me-blog-root">
         <div class="me-blog-list">
-            <ol class="breadcrumb">
-                <li>个人中心</li>
-                <li>笔记文件夹</li>
-                <li class="active">管理文件夹</li>
-                <button type="button" class="btn btn-primary" style="margin-left: 30px" id="newBtn">新增</button>
-            </ol>
+            <div class="breadcrumb-container">
+                <span class="layui-breadcrumb">
+                  <a href="/">首页</a>
+                  <a href="">个人中心</a>
+                  <a href="/me/note">我的收藏</a>
+                  <a><cite>管理文件夹</cite></a>
+                    <button type="button" class="layui-btn layui-btn-normal layui-btn-sm" style="margin-left: 30px" id="newBtn">新增</button>
+                </span>
+            </div>
         </div>
 
     {{range .Note}}