diff --git a/i18n/en.toml b/i18n/en.toml
index f9cdda707ce58792713a8b734565b72520bcbe6e..8534a848d20d3f6412edfe5d76881f00f5664cb5 100644
--- a/i18n/en.toml
+++ b/i18n/en.toml
@@ -44,4 +44,13 @@ other = "Pre-blog preparation"
 other = "Post a Blog"
 
 [comment_placeholder]
-other = "Please leave a message..."
\ No newline at end of file
+other = "Please leave a message..."
+
+[404_title]
+other = "The page is not found."
+
+[404_homepage]
+other = "Back to Home"
+
+[404_homepage_url]
+other = "https://test.opengauss.org/en/"
\ No newline at end of file
diff --git a/i18n/zh.toml b/i18n/zh.toml
index 75fdbbd80c84f664166c8373f2868d3012e714b2..83e4b645ef5da4a953e6c0797bbff6a5dd5ce902 100644
--- a/i18n/zh.toml
+++ b/i18n/zh.toml
@@ -44,4 +44,13 @@ other = "博客前准备"
 other = "写博客"
 
 [comment_placeholder]
-other = "说点什么吧..."
\ No newline at end of file
+other = "说点什么吧..."
+
+[404_title]
+other = "没有找到页面"
+
+[404_homepage]
+other = "返回首页"
+
+[404_homepage_url]
+other = "https://test.opengauss.org/zh/"
\ No newline at end of file
diff --git a/themes/hugo-blog-jeffprod/layouts/404.html b/themes/hugo-blog-jeffprod/layouts/404.html
index d54840023a44037ef4c68becc5ce32686d8b8289..655906d5dec8916287fdc57b01f1f691969d1f86 100644
--- a/themes/hugo-blog-jeffprod/layouts/404.html
+++ b/themes/hugo-blog-jeffprod/layouts/404.html
@@ -1,9 +1,24 @@
-{{ define "main" }}
+{{ partial "header.html" . }}
 
-<div class="box">
-    <div class="content">
-        Page not found...
+<div id="content">
+    <div class="container">
+
+        <div class="col-sm-6 col-sm-offset-3" id="error-page">
+            <div class="boxs">
+                <h1>404</h1>
+                <h2 class="text-muted">{{ i18n "404_title" }}</h2>
+                <p class="buttons">
+                    <a href="{{ i18n "404_homepage_url" }}" class="btn btn-template-main">
+                        <i class="fa fa-home"></i>{{ i18n "404_homepage" }}
+                    </a>
+                </p>
+            </div>
+
+
+        </div>
+        <!-- /.col-sm-6 -->
     </div>
+    <!-- /.container -->
 </div>
 
-{{ end }}
+{{ partial "footer.html" . }}
\ No newline at end of file
diff --git a/themes/hugo-blog-jeffprod/layouts/_default/baseof.html b/themes/hugo-blog-jeffprod/layouts/_default/baseof.html
index 7b5593f8b9a45ec80d4f58db4556fddbfa56950b..05f9815094dbb48ae2898e0280808e9bc33c27de 100644
--- a/themes/hugo-blog-jeffprod/layouts/_default/baseof.html
+++ b/themes/hugo-blog-jeffprod/layouts/_default/baseof.html
@@ -1,5 +1,7 @@
 {{ partial "header.html" . }}
 
+{{ partial "detail-banner.html" . }}
+
 
 {{ block "main" . }}{{ end }}
 
diff --git a/themes/hugo-blog-jeffprod/layouts/partials/footer.html b/themes/hugo-blog-jeffprod/layouts/partials/footer.html
index 0765911d0287a76f4b49812d7f864e9bf1e67ae1..4dabc43b82382ca97cdfb6b958930e5aa97b633f 100644
--- a/themes/hugo-blog-jeffprod/layouts/partials/footer.html
+++ b/themes/hugo-blog-jeffprod/layouts/partials/footer.html
@@ -6,6 +6,11 @@
 <script defer src="https://use.fontawesome.com/releases/v5.1.0/js/all.js"></script>
 <script src="{{ .Site.BaseURL }}js/flexible.js"></script>
 <script>
+  const hash = window.location.search,
+        pageurl = window.location.href;
+  var langss = document.querySelector("html").lang === "zh-cn" ? "zh" : "en";
+  console.log("hash:",hash,"pageurl:",pageurl,"ttr",pageurl.split(langss + "/")[1])
+
   if(!document.getElementById("vcomments")) {
     new Valine({
         appId: '{{ .Site.Params.valine.appId }}',
@@ -37,6 +42,10 @@
     const height = document.body.scrollHeight;
     parent.postMessage(height,url);
     })
+    if(pageurl.split(langss + "/")[1]) parent.postMessage(pageurl.split(langss + "/")[1],url);
+    
+
+    if(document.querySelector("#notFound")) parent.postMessage("我404了",url);
 
 </script>
 </body>
diff --git a/themes/hugo-blog-jeffprod/layouts/partials/header.html b/themes/hugo-blog-jeffprod/layouts/partials/header.html
index 2ab52fbf2b9c6ec12a263cd29fc349993d78934f..2bd3e32e86631a09254348eb686e20f88d93fca4 100644
--- a/themes/hugo-blog-jeffprod/layouts/partials/header.html
+++ b/themes/hugo-blog-jeffprod/layouts/partials/header.html
@@ -6,6 +6,8 @@
     <title>{{ .Site.Title }} {{ with .Title }} | {{ . }}{{ end }}</title>
     <meta name="viewport" content="width=device-width, initial-scale=1">
 
+    <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
+
     <!--<link href="https://fonts.googleapis.com/css?family=Open+Sans" rel="stylesheet">-->
     <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
     <!-- <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bulma/0.7.1/css/bulma.min.css" /> -->
@@ -28,5 +30,4 @@
 </head>
 <body>
   <script src="//cdn1.lncld.net/static/js/3.0.4/av-min.js"></script>
-  <script src='//unpkg.com/valine/dist/Valine.min.js'></script>
-  {{ partial "detail-banner.html" . }}
\ No newline at end of file
+  <script src='//unpkg.com/valine/dist/Valine.min.js'></script>
\ No newline at end of file
diff --git a/themes/hugo-blog-jeffprod/static/css/blog.css b/themes/hugo-blog-jeffprod/static/css/blog.css
index eb13fd09462455c04d7c5fe8c347ae2eabe4bbe3..56c55c309cd7da1437ded81c0635742ede392be5 100644
--- a/themes/hugo-blog-jeffprod/static/css/blog.css
+++ b/themes/hugo-blog-jeffprod/static/css/blog.css
@@ -105,6 +105,7 @@ html,body {
     font-size: 0.44rem;
     margin: 0;
     max-height: 1.6rem;
+    font-weight: bold;
 }
 .article_right h3,
 .article_right>a>p {
@@ -288,4 +289,58 @@ html,body {
 .guidance p,.guidance ol {
     line-height: 0.32rem;
     margin-bottom: 0.2rem;
+}
+
+/* ---------------------------404--------------------------- */
+#error-page {
+    text-align: center;
+    margin-top: 20%;
+    margin-bottom: 100px;
+}
+.boxs {
+    background: #fff;
+    margin: 0 0 30px;
+    border: solid 1px #ccc;
+    -webkit-box-sizing: border-box;
+    -moz-box-sizing: border-box;
+    box-sizing: border-box;
+    padding: 20px 0;
+    border-left: none;
+    border-right: none;
+}
+.boxs h1,
+.boxs h2 {
+    font-family: "Roboto", Helvetica, Arial, sans-serif;
+    font-weight: 900;
+    line-height: 1.1;
+}
+.boxs h1 {
+    color: #333333;
+}
+.boxs h2 {
+    color: #777;
+}
+#error-page p.buttons {
+    margin-top: 40px;
+}
+.btn {
+    font-weight: 700;
+    font-family: "Roboto", Helvetica, Arial, sans-serif;
+    text-transform: uppercase;
+    letter-spacing: 0.08em;
+    padding: 6px 12px;
+    font-size: 13px;
+    line-height: 1.42857143;
+    border-radius: 0;
+    border: 1px solid transparent;
+}
+.btn-template-main {
+    color: #467fbf;
+    background-color: #ffffff;
+    border-color: #467fbf;
+}
+.btn-template-main:hover, .btn-template-main:focus, .btn-template-main:active, .btn-template-main.active {
+    background: #467fbf;
+    color: #ffffff;
+    border-color: #467fbf;
 }
\ No newline at end of file