diff --git a/config.toml b/config.toml
index ded0edaa0861602d7410d33350385baf0f03ed7b..10f9cbf0319a15918dfdc1f90e59a5ec0a9d9a39 100644
--- a/config.toml
+++ b/config.toml
@@ -3,7 +3,7 @@ baseurl = "http://blog.openGauss.org"
 author = "@JeffProd"
 copyright = "Copyright © 2008–2018, @JeffProd"
 canonifyurls = true
-paginate = 10
+paginate = 5
 
 theme = "hugo-blog-jeffprod"
 
@@ -42,4 +42,5 @@ defaultContentLanguageInSubdir = true
     contentDir = "content/zh"
 
 #编译参数
-#uglyURLs = true
\ No newline at end of file
+#uglyURLs = true
+
diff --git a/content/zh/post/Ricardo/support-python3.x-Version.md b/content/zh/post/Ricardo/support-python3.x-Version.md
index 1ad70ff18c28ec739e52b608d5511f815eb1849f..7d7d2bb5df06119af38eab3c659d9ec51286c4d8 100644
--- a/content/zh/post/Ricardo/support-python3.x-Version.md
+++ b/content/zh/post/Ricardo/support-python3.x-Version.md
@@ -5,7 +5,7 @@ tags = ["兼容多版本Python的第三方库编译说明"]
 archives = "2020-11"
 author = "Ricardo.Cui"
 summary = "兼容多版本Python的第三方库编译说明"
-img = "/zh/post/lijun/title/title.png" 
+img = "/zh/post/Ricardo/title/img20.png" 
 times = "19:30"
 +++
 
diff --git a/content/zh/post/Ricardo/title/img20.png b/content/zh/post/Ricardo/title/img20.png
new file mode 100644
index 0000000000000000000000000000000000000000..ce35c3cd313c8e4ed939ae18b91b9a64767ab504
Binary files /dev/null and b/content/zh/post/Ricardo/title/img20.png differ
diff --git "a/content/zh/post/duomibabi/openGauss1-0-1\346\224\257\346\214\201docker\344\270\273\345\244\207\346\220\255\345\273\272.md" "b/content/zh/post/duomibabi/openGauss1-0-1\346\224\257\346\214\201docker\344\270\273\345\244\207\346\220\255\345\273\272.md"
index ed196a782d0e2c019573619db978c55b3403339b..6e7f35406a7e6035987e416f11db96d9526877be 100644
--- "a/content/zh/post/duomibabi/openGauss1-0-1\346\224\257\346\214\201docker\344\270\273\345\244\207\346\220\255\345\273\272.md"
+++ "b/content/zh/post/duomibabi/openGauss1-0-1\346\224\257\346\214\201docker\344\270\273\345\244\207\346\220\255\345\273\272.md"
@@ -12,7 +12,7 @@ author = "多米爸比"
 
 summary = "openGauss1.0.1支持docker主备搭建"
 
-img = "/zh/post/duomibabi/title/title.png" 
+img = "/zh/post/duomibabi/title/img26.png" 
 
 times = "17:30"
 
diff --git "a/content/zh/post/duomibabi/openGauss1-0-1\346\224\257\346\214\201oracle-fdw\345\222\214mysql-fdw.md" "b/content/zh/post/duomibabi/openGauss1-0-1\346\224\257\346\214\201oracle-fdw\345\222\214mysql-fdw.md"
index 07ddb3df6ad4b3f6d41afef5b98e099e19828016..a73950914016de616099c03625c29edd2a78c0a6 100644
--- "a/content/zh/post/duomibabi/openGauss1-0-1\346\224\257\346\214\201oracle-fdw\345\222\214mysql-fdw.md"
+++ "b/content/zh/post/duomibabi/openGauss1-0-1\346\224\257\346\214\201oracle-fdw\345\222\214mysql-fdw.md"
@@ -12,7 +12,7 @@ author = "多米爸比"
 
 summary = "openGauss1.0.1支持oracle-fdw和mysql-fdw"
 
-img = "/zh/post/duomibabi/title/title.png" 
+img = "/zh/post/duomibabi/title/img27.png" 
 
 times = "18:30"
 
diff --git "a/content/zh/post/duomibabi/openGauss1-0-1\351\203\250\345\210\206\346\226\260\347\211\271\346\200\247\346\265\213\350\257\225.md" "b/content/zh/post/duomibabi/openGauss1-0-1\351\203\250\345\210\206\346\226\260\347\211\271\346\200\247\346\265\213\350\257\225.md"
index 54cbf5e551dee8fef299b610dfc65e238e990271..06cb0918aa748d88d081b2270a49724774d6b4c1 100644
--- "a/content/zh/post/duomibabi/openGauss1-0-1\351\203\250\345\210\206\346\226\260\347\211\271\346\200\247\346\265\213\350\257\225.md"
+++ "b/content/zh/post/duomibabi/openGauss1-0-1\351\203\250\345\210\206\346\226\260\347\211\271\346\200\247\346\265\213\350\257\225.md"
@@ -12,7 +12,7 @@ author = "多米爸比"
 
 summary = "openGauss1.0.1部分新特性测试"
 
-img = "/zh/post/duomibabi/title/title.png" 
+img = "/zh/post/duomibabi/title/img31.png" 
 
 times = "11:30"
 
diff --git a/content/zh/post/duomibabi/title/img26.png b/content/zh/post/duomibabi/title/img26.png
new file mode 100644
index 0000000000000000000000000000000000000000..557eeb0f0228faee274149d39dc2bd6885ce7159
Binary files /dev/null and b/content/zh/post/duomibabi/title/img26.png differ
diff --git a/content/zh/post/duomibabi/title/img27.png b/content/zh/post/duomibabi/title/img27.png
new file mode 100644
index 0000000000000000000000000000000000000000..9c077bd3d9f5ff89ea6a0bf35d2bd5d7dca71d42
Binary files /dev/null and b/content/zh/post/duomibabi/title/img27.png differ
diff --git a/content/zh/post/duomibabi/title/img31.png b/content/zh/post/duomibabi/title/img31.png
new file mode 100644
index 0000000000000000000000000000000000000000..24c200404ece0dee46af324f0c84ad832db02276
Binary files /dev/null and b/content/zh/post/duomibabi/title/img31.png differ
diff --git a/content/zh/post/duomibabi/title/title.png b/content/zh/post/duomibabi/title/title.png
deleted file mode 100644
index c8e78dc25b21514bf820a69a765f0b9ec0df4f07..0000000000000000000000000000000000000000
Binary files a/content/zh/post/duomibabi/title/title.png and /dev/null differ
diff --git a/content/zh/post/gaiguoqiang/title/img28.png b/content/zh/post/gaiguoqiang/title/img28.png
new file mode 100644
index 0000000000000000000000000000000000000000..31e776c19ddc9b62b4b88171d015b1b94ff2b022
Binary files /dev/null and b/content/zh/post/gaiguoqiang/title/img28.png differ
diff --git a/content/zh/post/gaiguoqiang/title/img29.png b/content/zh/post/gaiguoqiang/title/img29.png
new file mode 100644
index 0000000000000000000000000000000000000000..5537c95b900978a3020269be7ec52ce914224844
Binary files /dev/null and b/content/zh/post/gaiguoqiang/title/img29.png differ
diff --git a/content/zh/post/gaiguoqiang/title/title.png b/content/zh/post/gaiguoqiang/title/title.png
deleted file mode 100644
index 49690dfac611010eccb788b920f2bb58abd8acd0..0000000000000000000000000000000000000000
Binary files a/content/zh/post/gaiguoqiang/title/title.png and /dev/null differ
diff --git "a/content/zh/post/gaiguoqiang/\344\273\216Oracle\345\210\260openGauss\345\255\227\345\205\270\350\241\250DBATABLES\345\210\260tables\345\257\271\345\272\224.md" "b/content/zh/post/gaiguoqiang/\344\273\216Oracle\345\210\260openGauss\345\255\227\345\205\270\350\241\250DBATABLES\345\210\260tables\345\257\271\345\272\224.md"
index 0d374d3c9cfe2a53ccbc2be29c9a11aa29e85a82..b7eba6a989e250ffe0881f059c914625254003c2 100644
--- "a/content/zh/post/gaiguoqiang/\344\273\216Oracle\345\210\260openGauss\345\255\227\345\205\270\350\241\250DBATABLES\345\210\260tables\345\257\271\345\272\224.md"
+++ "b/content/zh/post/gaiguoqiang/\344\273\216Oracle\345\210\260openGauss\345\255\227\345\205\270\350\241\250DBATABLES\345\210\260tables\345\257\271\345\272\224.md"
@@ -12,7 +12,7 @@ author = "盖国强"
 
 summary = "从Oracle到openGauss：字典表DBATABLES到tables对应"
 
-img = "/zh/post/gaiguoqiang/title/title.png" 
+img = "/zh/post/gaiguoqiang/title/img28.png" 
 
 times = "14:30"
 
diff --git "a/content/zh/post/gaiguoqiang/\346\226\260\347\224\250\346\210\267\346\235\203\351\231\220\345\222\214permission-denied-for-schema-public.md" "b/content/zh/post/gaiguoqiang/\346\226\260\347\224\250\346\210\267\346\235\203\351\231\220\345\222\214permission-denied-for-schema-public.md"
index c9455eace79ac0e0948a25624995cd62c57835bd..4b61eec603b696d07579b6eaa753fd9b59e398a7 100644
--- "a/content/zh/post/gaiguoqiang/\346\226\260\347\224\250\346\210\267\346\235\203\351\231\220\345\222\214permission-denied-for-schema-public.md"
+++ "b/content/zh/post/gaiguoqiang/\346\226\260\347\224\250\346\210\267\346\235\203\351\231\220\345\222\214permission-denied-for-schema-public.md"
@@ -12,7 +12,7 @@ author = "盖国强"
 
 summary = "新用户权限和permission denied for schema public"
 
-img = "/zh/post/gaiguoqiang/title/title.png" 
+img = "/zh/post/gaiguoqiang/title/img29.png" 
 
 times = "15:30"
 
diff --git "a/content/zh/post/gaoyunlong/openGauss\344\270\216postgresql\346\227\245\345\270\270\344\275\277\347\224\250\345\267\256\345\274\202.md" "b/content/zh/post/gaoyunlong/openGauss\344\270\216postgresql\346\227\245\345\270\270\344\275\277\347\224\250\345\267\256\345\274\202.md"
index ad9dca2629655d4b1b306e576f1db5c543e6fa6b..e7c94e4e79ac053093179df6f263deb3ca3eadcd 100644
--- "a/content/zh/post/gaoyunlong/openGauss\344\270\216postgresql\346\227\245\345\270\270\344\275\277\347\224\250\345\267\256\345\274\202.md"
+++ "b/content/zh/post/gaoyunlong/openGauss\344\270\216postgresql\346\227\245\345\270\270\344\275\277\347\224\250\345\267\256\345\274\202.md"
@@ -12,7 +12,7 @@ author = "高云龙"
 
 summary = "openGauss与postgresql日常使用差异"
 
-img = "/zh/post/gaoyunlong/title/title.PNG" 
+img = "/zh/post/gaoyunlong/title/img21.png" 
 
 times = "12:40"
 
diff --git "a/content/zh/post/gaoyunlong/openGauss\345\210\206\345\214\272\350\241\250.md" "b/content/zh/post/gaoyunlong/openGauss\345\210\206\345\214\272\350\241\250.md"
index 4de20f44161bb8cbc9c0d617ae3f87765ac3c923..34ebe255bfbbeeafb16001a034e8ed55d2ba2057 100644
--- "a/content/zh/post/gaoyunlong/openGauss\345\210\206\345\214\272\350\241\250.md"
+++ "b/content/zh/post/gaoyunlong/openGauss\345\210\206\345\214\272\350\241\250.md"
@@ -12,7 +12,7 @@ author = "高云龙"
 
 summary = "openGauss分区表"
 
-img = "/zh/post/gaoyunlong/title/title.PNG" 
+img = "/zh/post/gaoyunlong/title/img38.png" 
 
 times = "16:30"
 
diff --git "a/content/zh/post/gaoyunlong/openGauss\345\244\207\345\272\223wal-replay\344\270\216query\345\206\262\347\252\201.md" "b/content/zh/post/gaoyunlong/openGauss\345\244\207\345\272\223wal-replay\344\270\216query\345\206\262\347\252\201.md"
index b613431272929a623918ccd8d2d3bdfa546b0f33..3ee3f27b8a0280c076dff1336f2693133c47e591 100644
--- "a/content/zh/post/gaoyunlong/openGauss\345\244\207\345\272\223wal-replay\344\270\216query\345\206\262\347\252\201.md"
+++ "b/content/zh/post/gaoyunlong/openGauss\345\244\207\345\272\223wal-replay\344\270\216query\345\206\262\347\252\201.md"
@@ -12,7 +12,7 @@ author = "高云龙"
 
 summary = "openGauss备库wal replay与query冲突"
 
-img = "/zh/post/gaoyunlong/title/title1.png" 
+img = "/zh/post/gaoyunlong/title/img33.png" 
 
 times = "15:30"
 
diff --git "a/content/zh/post/gaoyunlong/openGauss\350\241\214\345\255\230\344\270\216\345\210\227\345\255\230.md" "b/content/zh/post/gaoyunlong/openGauss\350\241\214\345\255\230\344\270\216\345\210\227\345\255\230.md"
index 34dd1d73b06ff6356b2a7a512c5f5c25dd63b3ba..81a88b6e10d1d039f0037c83957265391c771ee1 100644
--- "a/content/zh/post/gaoyunlong/openGauss\350\241\214\345\255\230\344\270\216\345\210\227\345\255\230.md"
+++ "b/content/zh/post/gaoyunlong/openGauss\350\241\214\345\255\230\344\270\216\345\210\227\345\255\230.md"
@@ -12,7 +12,7 @@ author = "高云龙"
 
 summary = "openGauss行存与列存"
 
-img = "/zh/post/gaoyunlong/title/title.PNG" 
+img = "/zh/post/gaoyunlong/title/img24.png" 
 
 times = "12:30"
 
diff --git a/content/zh/post/gaoyunlong/title/img21.png b/content/zh/post/gaoyunlong/title/img21.png
new file mode 100644
index 0000000000000000000000000000000000000000..1da9e55bd25cbc7cfc6fdef1800b4c95b077829b
Binary files /dev/null and b/content/zh/post/gaoyunlong/title/img21.png differ
diff --git a/content/zh/post/gaoyunlong/title/img24.png b/content/zh/post/gaoyunlong/title/img24.png
new file mode 100644
index 0000000000000000000000000000000000000000..2af578504062e5fa7a7aaf7e1c2014531e51e9c2
Binary files /dev/null and b/content/zh/post/gaoyunlong/title/img24.png differ
diff --git a/content/zh/post/gaoyunlong/title/img25.png b/content/zh/post/gaoyunlong/title/img25.png
new file mode 100644
index 0000000000000000000000000000000000000000..b71bb7d740d0f375bbea6116ffde9175c0dbcacf
Binary files /dev/null and b/content/zh/post/gaoyunlong/title/img25.png differ
diff --git a/content/zh/post/gaoyunlong/title/img33.png b/content/zh/post/gaoyunlong/title/img33.png
new file mode 100644
index 0000000000000000000000000000000000000000..b903c7f8d5a3ba8b66b2d6be883a4bac7230915e
Binary files /dev/null and b/content/zh/post/gaoyunlong/title/img33.png differ
diff --git a/content/zh/post/gaoyunlong/title/img38.png b/content/zh/post/gaoyunlong/title/img38.png
new file mode 100644
index 0000000000000000000000000000000000000000..86a420b92fb8289658d807d49f137b6d13862f6d
Binary files /dev/null and b/content/zh/post/gaoyunlong/title/img38.png differ
diff --git a/content/zh/post/gaoyunlong/title/title.PNG b/content/zh/post/gaoyunlong/title/title.PNG
deleted file mode 100644
index 912319f07cad56d38dd41efe4125c4959c0da394..0000000000000000000000000000000000000000
Binary files a/content/zh/post/gaoyunlong/title/title.PNG and /dev/null differ
diff --git a/content/zh/post/gaoyunlong/title/title1.png b/content/zh/post/gaoyunlong/title/title1.png
deleted file mode 100644
index 6185612cf3052ba80d6a24fec111b84d602820c2..0000000000000000000000000000000000000000
Binary files a/content/zh/post/gaoyunlong/title/title1.png and /dev/null differ
diff --git "a/content/zh/post/gaoyunlong/\351\200\202\351\205\215openGauss\347\232\204exporter.md" "b/content/zh/post/gaoyunlong/\351\200\202\351\205\215openGauss\347\232\204exporter.md"
index 50d1e99d6b53e91d92c3971ef2f966ea9b3f6cc2..271e337a6f444f63cd04a8e96b1e3916443347c2 100644
--- "a/content/zh/post/gaoyunlong/\351\200\202\351\205\215openGauss\347\232\204exporter.md"
+++ "b/content/zh/post/gaoyunlong/\351\200\202\351\205\215openGauss\347\232\204exporter.md"
@@ -12,7 +12,7 @@ author = "高云龙"
 
 summary = "适配openGauss的exporter"
 
-img = "/zh/post/gaoyunlong/title/title.PNG" 
+img = "/zh/post/gaoyunlong/title/img25.png" 
 
 times = "13:30"
 
diff --git a/content/zh/post/hemny/2020-07-11_quickinstall.md b/content/zh/post/hemny/2020-07-11_quickinstall.md
index 61f0ede648d299aea4a8e4c0f4f65135208b411b..2d127864d2bd58c513bc923db0d9907941433c2d 100644
--- a/content/zh/post/hemny/2020-07-11_quickinstall.md
+++ b/content/zh/post/hemny/2020-07-11_quickinstall.md
@@ -5,7 +5,7 @@ tags = ["openGauss入门"]
 archives = "2020-07"
 author = "hemny"
 summary = "openGauss入门"
-img = "/zh/post/hemny/img/openGauss_logo.png"
+img = "/zh/post/hemny/title/img3.png"
 times = "22:30"
 +++
 
diff --git a/content/zh/post/hemny/title/img3.png b/content/zh/post/hemny/title/img3.png
new file mode 100644
index 0000000000000000000000000000000000000000..cb1c24b86a69bea7c9b6b2bd0d99b4eecbf10f2c
Binary files /dev/null and b/content/zh/post/hemny/title/img3.png differ
diff --git a/content/zh/post/jiajunfeng/Single-inst Deployment of openGauss Database.md b/content/zh/post/jiajunfeng/Single-inst Deployment of openGauss Database.md
index 3fdde64b114b991e02d4f52c596a2afa1afda6c8..4907c832d95597dc2d3b7ad60a442dcbac14f557 100644
--- a/content/zh/post/jiajunfeng/Single-inst Deployment of openGauss Database.md	
+++ b/content/zh/post/jiajunfeng/Single-inst Deployment of openGauss Database.md	
@@ -5,7 +5,7 @@ tags = ["openGauss安装部署"]
 archives = "2020-07"
 author = "贾军锋"
 summary = "openGauss安装部署"
-img = "/zh/post/jiajunfeng/img/DBlogo-20200722.png"
+img = "/zh/post/jiajunfeng/title/img4.png"
 times = "17:00"
 +++
 
diff --git a/content/zh/post/jiajunfeng/openGauss Single-inst Deployment (CentOS7.6+openGauss 1.0.0).md b/content/zh/post/jiajunfeng/openGauss Single-inst Deployment (CentOS7.6+openGauss 1.0.0).md
index 00064090d12d1d43815b2bbac5688a7632c1fdbc..d413f4e5d1e39f1c65206e7ebf54f3f1e9e1d5a5 100644
--- a/content/zh/post/jiajunfeng/openGauss Single-inst Deployment (CentOS7.6+openGauss 1.0.0).md	
+++ b/content/zh/post/jiajunfeng/openGauss Single-inst Deployment (CentOS7.6+openGauss 1.0.0).md	
@@ -5,7 +5,7 @@ tags = ["openGauss安装部署"]
 archives = "2020-07" 
 author = "贾军锋" 
 summary = "openGauss 单实例安装部署" 
-img = "/zh/post/jiajunfeng/img/DBlogo-20200722.png" 
+img = "/zh/post/jiajunfeng/title/img4.png" 
 times = "19:00" 
 +++
 
diff --git a/content/zh/post/jiajunfeng/openGauss Single-inst HA Deployment (CentOS7.6+openGauss 1.0.0).md b/content/zh/post/jiajunfeng/openGauss Single-inst HA Deployment (CentOS7.6+openGauss 1.0.0).md
index 8aa9407d8553f8616974287897e396d848d743cc..37f82dff19d36e24e2f900541d5392dab484033e 100644
--- a/content/zh/post/jiajunfeng/openGauss Single-inst HA Deployment (CentOS7.6+openGauss 1.0.0).md	
+++ b/content/zh/post/jiajunfeng/openGauss Single-inst HA Deployment (CentOS7.6+openGauss 1.0.0).md	
@@ -5,7 +5,7 @@ tags = ["openGauss安装部署"]
 archives = "2020-07" 
 author = "贾军锋" 
 summary = "openGauss 单实例 HA 安装部署" 
-img = "/zh/post/jiajunfeng/img/DBlogo-20200722.png" 
+img = "/zh/post/jiajunfeng/title/img4.png" 
 times = "19:00" 
 +++
 
diff --git a/content/zh/post/jiajunfeng/title/img4.png b/content/zh/post/jiajunfeng/title/img4.png
new file mode 100644
index 0000000000000000000000000000000000000000..6b7b474933a31c6a20d0d1708e8909163293b4ad
Binary files /dev/null and b/content/zh/post/jiajunfeng/title/img4.png differ
diff --git a/content/zh/post/justbk/2020-10-30_dbeaver_for_openGauss.md b/content/zh/post/justbk/2020-10-30_dbeaver_for_openGauss.md
index adc23ed2282f9aa4e336ad6ff56a12c19ac1f459..e814e2de5a86902329ff7c582396b61a7b199e67 100644
--- a/content/zh/post/justbk/2020-10-30_dbeaver_for_openGauss.md
+++ b/content/zh/post/justbk/2020-10-30_dbeaver_for_openGauss.md
@@ -5,7 +5,7 @@ tags = ["openGauss社区开发入门"]
 archives = "2020-10"
 author = "justbk"
 summary = "openGauss社区开发入门"
-img="/zh/post/justbk/title/title.png"
+img="/zh/post/justbk/title/img19.png"
 times = "17:30"
 
 +++
diff --git a/content/zh/post/justbk/title/img19.png b/content/zh/post/justbk/title/img19.png
new file mode 100644
index 0000000000000000000000000000000000000000..91da9f734044bd0b08edc44f9768d18fe074a670
Binary files /dev/null and b/content/zh/post/justbk/title/img19.png differ
diff --git a/content/zh/post/justbk/title/title.png b/content/zh/post/justbk/title/title.png
deleted file mode 100644
index a4406314f319001be395f4ddf2e532ced8932f69..0000000000000000000000000000000000000000
Binary files a/content/zh/post/justbk/title/title.png and /dev/null differ
diff --git "a/content/zh/post/kangyang/openGauss\346\225\260\346\215\256\345\272\223\346\240\270\345\277\203\346\212\200\346\234\257--SQL\345\274\225\346\223\216\357\274\2102\357\274\211.md" "b/content/zh/post/kangyang/openGauss\346\225\260\346\215\256\345\272\223\346\240\270\345\277\203\346\212\200\346\234\257--SQL\345\274\225\346\223\216\357\274\2102\357\274\211.md"
index 537034d124530ca6c8a26e89aaf0ba3e47f33c89..d3e04a5f2896b7f8c5b69d20a554f44c81f0bf54 100644
--- "a/content/zh/post/kangyang/openGauss\346\225\260\346\215\256\345\272\223\346\240\270\345\277\203\346\212\200\346\234\257--SQL\345\274\225\346\223\216\357\274\2102\357\274\211.md"
+++ "b/content/zh/post/kangyang/openGauss\346\225\260\346\215\256\345\272\223\346\240\270\345\277\203\346\212\200\346\234\257--SQL\345\274\225\346\223\216\357\274\2102\357\274\211.md"
@@ -11,7 +11,7 @@ author = "kangyang"
 
 summary = "以技术连载的方式陆续介绍openGauss数据库的各项核心技术，包括SQL引擎、优化器、存储引擎、事务处理、数据库安全等。本期开始介绍openGauss SQL引擎技术"
 
-img = "/zh/post/kangyang/title/title.jpg" 
+img = "/zh/post/kangyang/title/img5.png" 
 
 times = "17:30"
 
diff --git a/content/zh/post/kangyang/opengauss-sql-1-update.md b/content/zh/post/kangyang/opengauss-sql-1-update.md
index 9f204eba6a09f5a342adbf30cb9d53a60c8faf2d..6405b3022e9ef4c672cae6e618d742918577bd0e 100644
--- a/content/zh/post/kangyang/opengauss-sql-1-update.md
+++ b/content/zh/post/kangyang/opengauss-sql-1-update.md
@@ -5,7 +5,7 @@ tags = ["openGauss数据库核心技术"]
 archives = "2020-07"
 author = "kangyang"
 summary = "以技术连载的方式陆续介绍openGauss数据库的各项核心技术，包括SQL引擎、优化器、存储引擎、事务处理、数据库安全等。本期开始介绍openGauss SQL引擎技术"
-img = "/zh/post/kangyang/title/title.jpg"
+img = "/zh/post/kangyang/title/img5.png"
 times = "17:30"
 
 +++
diff --git a/content/zh/post/kangyang/title/img5.png b/content/zh/post/kangyang/title/img5.png
new file mode 100644
index 0000000000000000000000000000000000000000..830c8bc490a1b830e759df1f04b453909a097406
Binary files /dev/null and b/content/zh/post/kangyang/title/img5.png differ
diff --git a/content/zh/post/kangyang/title/title.jpg b/content/zh/post/kangyang/title/title.jpg
deleted file mode 100644
index eacc14415983b4bf79879a66ac0ce7622d785367..0000000000000000000000000000000000000000
Binary files a/content/zh/post/kangyang/title/title.jpg and /dev/null differ
diff --git a/content/zh/post/kuge/Issue-1-openGauss-Overview.md b/content/zh/post/kuge/Issue-1-openGauss-Overview.md
index 6a14c43286cdf2eda0e5a11eda0a70839650926c..647ecd27f1152c62be1a4b404659586813814032 100644
--- a/content/zh/post/kuge/Issue-1-openGauss-Overview.md
+++ b/content/zh/post/kuge/Issue-1-openGauss-Overview.md
@@ -5,7 +5,7 @@ tags = ["一张图看懂openGauss"]
 archives = "2020-08" 
 author = "酷哥" 
 summary = "openGauss概述" 
-img = "/zh/post/kuge/title/title.jpg" 
+img = "/zh/post/kuge/title/img11.png" 
 times = "17:30" 
 
 +++
diff --git a/content/zh/post/kuge/Issue_2_openGauss_Architecture_and_Deployment.md b/content/zh/post/kuge/Issue_2_openGauss_Architecture_and_Deployment.md
index 164da35f26b4ff6db8aab21d8b6f7ef10bdf48ee..047bf475e16e553f58fd1159162337d3a20672a8 100644
--- a/content/zh/post/kuge/Issue_2_openGauss_Architecture_and_Deployment.md
+++ b/content/zh/post/kuge/Issue_2_openGauss_Architecture_and_Deployment.md
@@ -5,7 +5,7 @@ tags = ["一张图看懂openGauss"]
 archives = "2020-08" 
 author = "酷哥" 
 summary = "openGauss架构和部署" 
-img = "/zh/post/kuge/title/title.jpg" 
+img = "/zh/post/kuge/title/img11.png" 
 times = "17:30" 
 
 +++
diff --git a/content/zh/post/kuge/Issue_3_High_Performance_Features_of_openGauss.md b/content/zh/post/kuge/Issue_3_High_Performance_Features_of_openGauss.md
index 45a29dcc6b1ba9c7f2e59a8f0c9bd819875ad0d4..aa9fd763c9c9dfb2ace520eba054fd852f12a25b 100644
--- a/content/zh/post/kuge/Issue_3_High_Performance_Features_of_openGauss.md
+++ b/content/zh/post/kuge/Issue_3_High_Performance_Features_of_openGauss.md
@@ -5,7 +5,7 @@ tags = ["一张图看懂openGauss"]
 archives = "2020-08" 
 author = "酷哥" 
 summary = "openGauss高性能特性" 
-img = "/zh/post/kuge/title/title.jpg" 
+img = "/zh/post/kuge/title/img11.png" 
 times = "17:30" 
 
 +++
diff --git a/content/zh/post/kuge/Issue_4_openGauss_HA.md b/content/zh/post/kuge/Issue_4_openGauss_HA.md
index 6b0559fe5d37f2711771015a36d7ace6a828cfe7..e10185b3600e11e1238ee4a031e36e43dc663c73 100644
--- a/content/zh/post/kuge/Issue_4_openGauss_HA.md
+++ b/content/zh/post/kuge/Issue_4_openGauss_HA.md
@@ -5,7 +5,7 @@ tags = ["一张图看懂openGauss"]
 archives = "2020-08" 
 author = "酷哥" 
 summary = "openGauss高可用特性" 
-img = "/zh/post/kuge/title/title.jpg" 
+img = "/zh/post/kuge/title/img11.png" 
 times = "17:30" 
 
 +++
diff --git a/content/zh/post/kuge/Issue_5_openGauss_Advanced_Security_Features.md b/content/zh/post/kuge/Issue_5_openGauss_Advanced_Security_Features.md
index 8e3912576cb4a58eba0451673b3ab11dd9253184..829ed112cf656acc32df94f20ad1b87590e05da9 100644
--- a/content/zh/post/kuge/Issue_5_openGauss_Advanced_Security_Features.md
+++ b/content/zh/post/kuge/Issue_5_openGauss_Advanced_Security_Features.md
@@ -5,7 +5,7 @@ tags = ["一张图看懂openGauss"]
 archives = "2020-08" 
 author = "酷哥" 
 summary = "openGauss高安全特性" 
-img = "/zh/post/kuge/title/title.jpg" 
+img = "/zh/post/kuge/title/img11.png" 
 times = "17:30" 
 
 +++
diff --git a/content/zh/post/kuge/Issue_6_openGauss_Easy_O&M.md b/content/zh/post/kuge/Issue_6_openGauss_Easy_O&M.md
index dd494909cd238f3844e282edc75975c642770813..8c621ed139b952135e655d17c895f4f256eafc0a 100644
--- a/content/zh/post/kuge/Issue_6_openGauss_Easy_O&M.md
+++ b/content/zh/post/kuge/Issue_6_openGauss_Easy_O&M.md
@@ -5,7 +5,7 @@ tags = ["一张图看懂openGauss"]
 archives = "2020-09" 
 author = "酷哥" 
 summary = "openGauss易运维特性" 
-img = "/zh/post/kuge/title/title.jpg" 
+img = "/zh/post/kuge/title/img11.png" 
 times = "15:30" 
 
 +++
diff --git a/content/zh/post/kuge/Issue_7_openGauss_Future_Planning.md b/content/zh/post/kuge/Issue_7_openGauss_Future_Planning.md
index 7bc208a0333a5db1c95618513d0b7b827094f96f..c693a7fb3238d3fe81141944fa77934b88072683 100644
--- a/content/zh/post/kuge/Issue_7_openGauss_Future_Planning.md
+++ b/content/zh/post/kuge/Issue_7_openGauss_Future_Planning.md
@@ -5,7 +5,7 @@ tags = ["一张图看懂openGauss"]
 archives = "2020-09" 
 author = "酷哥" 
 summary = "openGauss未来规划" 
-img = "/zh/post/kuge/title/title.jpg" 
+img = "/zh/post/kuge/title/img11.png" 
 times = "17:30" 
 
 +++
diff --git a/content/zh/post/kuge/title/img11.png b/content/zh/post/kuge/title/img11.png
new file mode 100644
index 0000000000000000000000000000000000000000..97ba3ccc2785b30975826e6e74a64ee2db8d3a88
Binary files /dev/null and b/content/zh/post/kuge/title/img11.png differ
diff --git a/content/zh/post/lijun/title/img18.png b/content/zh/post/lijun/title/img18.png
new file mode 100644
index 0000000000000000000000000000000000000000..1697caef6995dd16977bb9aa96af762e19fb7102
Binary files /dev/null and b/content/zh/post/lijun/title/img18.png differ
diff --git a/content/zh/post/lijun/title/title.png b/content/zh/post/lijun/title/title.png
deleted file mode 100644
index 912319f07cad56d38dd41efe4125c4959c0da394..0000000000000000000000000000000000000000
Binary files a/content/zh/post/lijun/title/title.png and /dev/null differ
diff --git "a/content/zh/post/lijun/\347\256\200\345\214\226\345\256\211\350\243\205\346\214\207\345\257\274.md" "b/content/zh/post/lijun/\347\256\200\345\214\226\345\256\211\350\243\205\346\214\207\345\257\274.md"
index 8856d19b75be96a529e18f0af3d15b85431582c3..84ab638c1befa5d62c96e2adf921c6eb9c2cc38d 100644
--- "a/content/zh/post/lijun/\347\256\200\345\214\226\345\256\211\350\243\205\346\214\207\345\257\274.md"
+++ "b/content/zh/post/lijun/\347\256\200\345\214\226\345\256\211\350\243\205\346\214\207\345\257\274.md"
@@ -11,7 +11,7 @@ author = "lijun"
 
 summary = "openGauss简化安装指导"
 
-img = "/zh/post/lijun/title/title.png" 
+img = "/zh/post/lijun/title/img18.png" 
 
 times = "15:30"
 
diff --git "a/content/zh/post/minshengyunwei/openGauss\347\232\204MVCC\344\273\245\345\217\212vacuum\346\234\272\345\210\266\346\272\220\347\240\201\350\247\243\346\236\220\342\200\224CSN LOG.md" "b/content/zh/post/minshengyunwei/openGauss\347\232\204MVCC\344\273\245\345\217\212vacuum\346\234\272\345\210\266\346\272\220\347\240\201\350\247\243\346\236\220\342\200\224CSN LOG.md"
index e7e35e5393fe3bae5445c752170ba4a6467037f5..5e6f65025245f35db67069f5215ce443d16c5791 100644
--- "a/content/zh/post/minshengyunwei/openGauss\347\232\204MVCC\344\273\245\345\217\212vacuum\346\234\272\345\210\266\346\272\220\347\240\201\350\247\243\346\236\220\342\200\224CSN LOG.md"	
+++ "b/content/zh/post/minshengyunwei/openGauss\347\232\204MVCC\344\273\245\345\217\212vacuum\346\234\272\345\210\266\346\272\220\347\240\201\350\247\243\346\236\220\342\200\224CSN LOG.md"	
@@ -12,7 +12,7 @@ author = "民生运维人"
 
 summary = "openGauss的MVCC以及vacuum机制源码解析—CSN LOG"
 
-img = "/zh/post/minshengyunwei/title/title.png" 
+img = "/zh/post/minshengyunwei/title/img37.png" 
 
 times = "17:30"
 
diff --git a/content/zh/post/minshengyunwei/title/img37.png b/content/zh/post/minshengyunwei/title/img37.png
new file mode 100644
index 0000000000000000000000000000000000000000..7218eccd424015bd9d70bb0c79c33bcd747f2306
Binary files /dev/null and b/content/zh/post/minshengyunwei/title/img37.png differ
diff --git a/content/zh/post/minshengyunwei/title/title.png b/content/zh/post/minshengyunwei/title/title.png
deleted file mode 100644
index c3c82dbb21fd395334ca95d5063e6dae613c5ed4..0000000000000000000000000000000000000000
Binary files a/content/zh/post/minshengyunwei/title/title.png and /dev/null differ
diff --git a/content/zh/post/opengaussblog/title/img39.png b/content/zh/post/opengaussblog/title/img39.png
new file mode 100644
index 0000000000000000000000000000000000000000..8de785c9982c124dd44d2931c2913c3c5b044791
Binary files /dev/null and b/content/zh/post/opengaussblog/title/img39.png differ
diff --git a/content/zh/post/opengaussblog/title/title.png b/content/zh/post/opengaussblog/title/title.png
deleted file mode 100644
index 10afcf9d463077d41079dfd3cbaadfafbca587d7..0000000000000000000000000000000000000000
Binary files a/content/zh/post/opengaussblog/title/title.png and /dev/null differ
diff --git "a/content/zh/post/opengaussblog/\345\246\202\344\275\225\345\220\221openGauss\347\244\276\345\214\272\346\217\220\344\272\244\344\275\240\347\232\204\347\254\254\344\270\200\347\257\207\345\215\232\345\256\242.md" "b/content/zh/post/opengaussblog/\345\246\202\344\275\225\345\220\221openGauss\347\244\276\345\214\272\346\217\220\344\272\244\344\275\240\347\232\204\347\254\254\344\270\200\347\257\207\345\215\232\345\256\242.md"
index c8d15f4fbf52f648869654113d9c6cb0d0fbd80c..1e4ccb5a222a892e63e415e82ced93ecef237af8 100644
--- "a/content/zh/post/opengaussblog/\345\246\202\344\275\225\345\220\221openGauss\347\244\276\345\214\272\346\217\220\344\272\244\344\275\240\347\232\204\347\254\254\344\270\200\347\257\207\345\215\232\345\256\242.md"
+++ "b/content/zh/post/opengaussblog/\345\246\202\344\275\225\345\220\221openGauss\347\244\276\345\214\272\346\217\220\344\272\244\344\275\240\347\232\204\347\254\254\344\270\200\347\257\207\345\215\232\345\256\242.md"
@@ -5,7 +5,7 @@ tags = ["openGauss社区开发入门"]
 archives = "2020-12"
 author = "openGauss"
 summary = "如何向openGauss社区提交你的第一篇博客"
-img = "/zh/post/opengaussblog/title/title.png"
+img = "/zh/post/opengaussblog/title/img39.png"
 times = "15:30"
 
 +++
diff --git a/content/zh/post/optimize/opengauss-optimize1.md b/content/zh/post/optimize/opengauss-optimize1.md
index df55901963577ddf91a60a2d14a96c4c5e96a48d..3c339f610596d44eb1ea283a38b1bdf809878868 100644
--- a/content/zh/post/optimize/opengauss-optimize1.md
+++ b/content/zh/post/optimize/opengauss-optimize1.md
@@ -5,7 +5,7 @@ tags = ["openGauss数据库性能调优"]
 archives = "2020-07"
 author = "zhijing"
 summary = "openGauss数据库性能调优"
-img = "/zh/post/xingchen/title/title.jpg"
+img = "/zh/post/optimize/title/img9.png"
 times = "19:30"
 +++
 
diff --git a/content/zh/post/optimize/opengauss-tpcc.md b/content/zh/post/optimize/opengauss-tpcc.md
index a573e11dd2f38e5bd5529ed3d15da453ef2336a4..f8a968c35023ef854ac52b575d14b2142f83c45f 100644
--- a/content/zh/post/optimize/opengauss-tpcc.md
+++ b/content/zh/post/optimize/opengauss-tpcc.md
@@ -5,7 +5,7 @@ tags = ["benchmark使用"]
 archives = "2020-07"
 author = "zhijing"
 summary = "benchmark使用"
-img = "/zh/post/xingchen/title/title.jpg"
+img = "/zh/post/optimize/title/img6.png"
 times = "19:30"
 +++
 
diff --git a/content/zh/post/optimize/title/img6.png b/content/zh/post/optimize/title/img6.png
new file mode 100644
index 0000000000000000000000000000000000000000..2ddddfa2858d77999b4cfec8e97e4f29ac0cab79
Binary files /dev/null and b/content/zh/post/optimize/title/img6.png differ
diff --git a/content/zh/post/optimize/title/img9.png b/content/zh/post/optimize/title/img9.png
new file mode 100644
index 0000000000000000000000000000000000000000..9823959ac5ca3b9310e1cfa321f5d65728efe5fb
Binary files /dev/null and b/content/zh/post/optimize/title/img9.png differ
diff --git "a/content/zh/post/shujukujiagouzhimei/openGaussPostgreSQL-vacuum-full\346\272\220\347\240\201\350\247\243\346\236\220.md" "b/content/zh/post/shujukujiagouzhimei/openGaussPostgreSQL-vacuum-full\346\272\220\347\240\201\350\247\243\346\236\220.md"
index 0f968824ebc5e51d46e25930c61a1dce1535a24a..92582058d0c71687e41cab97e1d1e02d195406d3 100644
--- "a/content/zh/post/shujukujiagouzhimei/openGaussPostgreSQL-vacuum-full\346\272\220\347\240\201\350\247\243\346\236\220.md"
+++ "b/content/zh/post/shujukujiagouzhimei/openGaussPostgreSQL-vacuum-full\346\272\220\347\240\201\350\247\243\346\236\220.md"
@@ -12,7 +12,7 @@ author = "数据库架构之美"
 
 summary = "openGauss/PostgreSQL vacuum full源码解析"
 
-img = "/zh/post/shujukujiagouzhimei/title/title1.png" 
+img = "/zh/post/shujukujiagouzhimei/title/img30.png" 
 
 times = "10:30"
 
diff --git "a/content/zh/post/shujukujiagouzhimei/openGauss\344\270\216PostgreSQL\347\232\204\345\257\271\346\257\224.md" "b/content/zh/post/shujukujiagouzhimei/openGauss\344\270\216PostgreSQL\347\232\204\345\257\271\346\257\224.md"
index 8bfaa0d92796a7ec5683297eb61eb8ad2bd996f9..14ba82aa4970b3f2085058617b0da2f4d634ff02 100644
--- "a/content/zh/post/shujukujiagouzhimei/openGauss\344\270\216PostgreSQL\347\232\204\345\257\271\346\257\224.md"
+++ "b/content/zh/post/shujukujiagouzhimei/openGauss\344\270\216PostgreSQL\347\232\204\345\257\271\346\257\224.md"
@@ -12,7 +12,7 @@ author = "数据库架构之美"
 
 summary = "openGauss与PostgreSQL的对比"
 
-img = "/zh/post/shujukujiagouzhimei/title/title1.png" 
+img = "/zh/post/shujukujiagouzhimei/title/img34.png" 
 
 times = "17:30"
 
diff --git "a/content/zh/post/shujukujiagouzhimei/openGauss\344\270\255\347\232\204\345\271\266\350\241\214\345\233\236\346\224\276\344\273\245\345\217\212\345\222\214PG\347\232\204\345\257\271\346\257\224.md" "b/content/zh/post/shujukujiagouzhimei/openGauss\344\270\255\347\232\204\345\271\266\350\241\214\345\233\236\346\224\276\344\273\245\345\217\212\345\222\214PG\347\232\204\345\257\271\346\257\224.md"
index 73f15f68cecbef6b8b08903957bb99165553af8b..a4c470f8efe68a1dade7fd5efceb2db2389f9a78 100644
--- "a/content/zh/post/shujukujiagouzhimei/openGauss\344\270\255\347\232\204\345\271\266\350\241\214\345\233\236\346\224\276\344\273\245\345\217\212\345\222\214PG\347\232\204\345\257\271\346\257\224.md"
+++ "b/content/zh/post/shujukujiagouzhimei/openGauss\344\270\255\347\232\204\345\271\266\350\241\214\345\233\236\346\224\276\344\273\245\345\217\212\345\222\214PG\347\232\204\345\257\271\346\257\224.md"
@@ -12,7 +12,7 @@ author = "数据库架构之美"
 
 summary = "openGauss中的并行回放以及和PG的对比"
 
-img = "/zh/post/shujukujiagouzhimei/title/title.PNG" 
+img = "/zh/post/shujukujiagouzhimei/title/img22.png" 
 
 times = "14:30"
 
diff --git "a/content/zh/post/shujukujiagouzhimei/openGauss\344\270\255\347\232\204\346\234\200\345\244\247\345\217\257\347\224\250\346\250\241\345\274\217\344\270\272\344\273\200\344\271\210PG\344\270\215\345\201\232.md" "b/content/zh/post/shujukujiagouzhimei/openGauss\344\270\255\347\232\204\346\234\200\345\244\247\345\217\257\347\224\250\346\250\241\345\274\217\344\270\272\344\273\200\344\271\210PG\344\270\215\345\201\232.md"
index ba9d965359c6f66cc8ebfac9dfb930430a88958b..dda5ad7ee7bdfa2240415851d09c1b7f7774e8d9 100644
--- "a/content/zh/post/shujukujiagouzhimei/openGauss\344\270\255\347\232\204\346\234\200\345\244\247\345\217\257\347\224\250\346\250\241\345\274\217\344\270\272\344\273\200\344\271\210PG\344\270\215\345\201\232.md"
+++ "b/content/zh/post/shujukujiagouzhimei/openGauss\344\270\255\347\232\204\346\234\200\345\244\247\345\217\257\347\224\250\346\250\241\345\274\217\344\270\272\344\273\200\344\271\210PG\344\270\215\345\201\232.md"
@@ -12,7 +12,7 @@ author = "数据库架构之美"
 
 summary = "openGauss中的最大可用模式为什么PG不做"
 
-img = "/zh/post/shujukujiagouzhimei/title/title2.png" 
+img = "/zh/post/shujukujiagouzhimei/title/img32.png" 
 
 times = "10:30"
 
diff --git a/content/zh/post/shujukujiagouzhimei/title/img22.png b/content/zh/post/shujukujiagouzhimei/title/img22.png
new file mode 100644
index 0000000000000000000000000000000000000000..a817bca559e73c29bd3f0824723343bed1e6c429
Binary files /dev/null and b/content/zh/post/shujukujiagouzhimei/title/img22.png differ
diff --git a/content/zh/post/shujukujiagouzhimei/title/img30.png b/content/zh/post/shujukujiagouzhimei/title/img30.png
new file mode 100644
index 0000000000000000000000000000000000000000..487de2f4b22a83be96bad71ad31a476d0b7ba862
Binary files /dev/null and b/content/zh/post/shujukujiagouzhimei/title/img30.png differ
diff --git a/content/zh/post/shujukujiagouzhimei/title/img32.png b/content/zh/post/shujukujiagouzhimei/title/img32.png
new file mode 100644
index 0000000000000000000000000000000000000000..bc1ca36798f5208a51bb70582e77487f3ae45468
Binary files /dev/null and b/content/zh/post/shujukujiagouzhimei/title/img32.png differ
diff --git a/content/zh/post/shujukujiagouzhimei/title/img34.png b/content/zh/post/shujukujiagouzhimei/title/img34.png
new file mode 100644
index 0000000000000000000000000000000000000000..38522a0c7a208c1c1069798028193bcffca5d179
Binary files /dev/null and b/content/zh/post/shujukujiagouzhimei/title/img34.png differ
diff --git a/content/zh/post/shujukujiagouzhimei/title/img35.png b/content/zh/post/shujukujiagouzhimei/title/img35.png
new file mode 100644
index 0000000000000000000000000000000000000000..e58c1a6e4927ee0b8fcbb2d91dbf726ab7e33abf
Binary files /dev/null and b/content/zh/post/shujukujiagouzhimei/title/img35.png differ
diff --git a/content/zh/post/shujukujiagouzhimei/title/title.PNG b/content/zh/post/shujukujiagouzhimei/title/title.PNG
deleted file mode 100644
index 651eea95c0232db71aa778c388b91b08202b3835..0000000000000000000000000000000000000000
Binary files a/content/zh/post/shujukujiagouzhimei/title/title.PNG and /dev/null differ
diff --git a/content/zh/post/shujukujiagouzhimei/title/title1.png b/content/zh/post/shujukujiagouzhimei/title/title1.png
deleted file mode 100644
index ccc67df084b95978a5656973d36ac47506e8ca39..0000000000000000000000000000000000000000
Binary files a/content/zh/post/shujukujiagouzhimei/title/title1.png and /dev/null differ
diff --git a/content/zh/post/shujukujiagouzhimei/title/title2.png b/content/zh/post/shujukujiagouzhimei/title/title2.png
deleted file mode 100644
index 3bcb6926cbb77814822d65867115b851926608e9..0000000000000000000000000000000000000000
Binary files a/content/zh/post/shujukujiagouzhimei/title/title2.png and /dev/null differ
diff --git "a/content/zh/post/shujukujiagouzhimei/\344\270\215\344\275\277\347\224\250om\345\267\245\345\205\267\345\246\202\344\275\225\346\211\213\345\267\245\351\203\250\347\275\262openGauss\344\270\273\344\273\216\346\265\201\345\244\215\345\210\266\347\216\257\345\242\203.md" "b/content/zh/post/shujukujiagouzhimei/\344\270\215\344\275\277\347\224\250om\345\267\245\345\205\267\345\246\202\344\275\225\346\211\213\345\267\245\351\203\250\347\275\262openGauss\344\270\273\344\273\216\346\265\201\345\244\215\345\210\266\347\216\257\345\242\203.md"
index 63fea5f206ae8b67a37aa274bcd375c3880822c3..bc894976d82f5d0bdda11a0919632816f3c37669 100644
--- "a/content/zh/post/shujukujiagouzhimei/\344\270\215\344\275\277\347\224\250om\345\267\245\345\205\267\345\246\202\344\275\225\346\211\213\345\267\245\351\203\250\347\275\262openGauss\344\270\273\344\273\216\346\265\201\345\244\215\345\210\266\347\216\257\345\242\203.md"
+++ "b/content/zh/post/shujukujiagouzhimei/\344\270\215\344\275\277\347\224\250om\345\267\245\345\205\267\345\246\202\344\275\225\346\211\213\345\267\245\351\203\250\347\275\262openGauss\344\270\273\344\273\216\346\265\201\345\244\215\345\210\266\347\216\257\345\242\203.md"
@@ -12,7 +12,7 @@ author = "数据库架构之美"
 
 summary = "不使用om工具如何手工部署openGauss主从流复制环境"
 
-img = "/zh/post/shujukujiagouzhimei/title/title.PNG" 
+img = "/zh/post/shujukujiagouzhimei/title/img35.png" 
 
 times = "14:30"
 
diff --git "a/content/zh/post/xiaoxiaoliang/openGauss\345\205\274\345\256\271Oracle\346\225\260\346\215\256\347\261\273\345\236\213\345\222\214\345\270\270\347\224\250\350\241\250\347\261\273\345\236\213.md" "b/content/zh/post/xiaoxiaoliang/openGauss\345\205\274\345\256\271Oracle\346\225\260\346\215\256\347\261\273\345\236\213\345\222\214\345\270\270\347\224\250\350\241\250\347\261\273\345\236\213.md"
index 4ceb53d0b08c5499d91c952d8da7342ce677c955..acb08caae4515b9701623c0994a48459eb5a269f 100644
--- "a/content/zh/post/xiaoxiaoliang/openGauss\345\205\274\345\256\271Oracle\346\225\260\346\215\256\347\261\273\345\236\213\345\222\214\345\270\270\347\224\250\350\241\250\347\261\273\345\236\213.md"
+++ "b/content/zh/post/xiaoxiaoliang/openGauss\345\205\274\345\256\271Oracle\346\225\260\346\215\256\347\261\273\345\236\213\345\222\214\345\270\270\347\224\250\350\241\250\347\261\273\345\236\213.md"
@@ -12,7 +12,7 @@ author = "小小亮"
 
 summary = "openGauss兼容Oracle数据类型和常用表类型"
 
-img = "/zh/post/xiaoxiaoliang/title/title.PNG" 
+img = "/zh/post/xiaoxiaoliang/title/img23.png" 
 
 times = "13:30"
 
diff --git a/content/zh/post/xiaoxiaoliang/title/img23.png b/content/zh/post/xiaoxiaoliang/title/img23.png
new file mode 100644
index 0000000000000000000000000000000000000000..a246e2ecf9b262b3575256add5c20ce3063e9386
Binary files /dev/null and b/content/zh/post/xiaoxiaoliang/title/img23.png differ
diff --git a/content/zh/post/xiaoxiaoliang/title/title.PNG b/content/zh/post/xiaoxiaoliang/title/title.PNG
deleted file mode 100644
index c3998e7e4dff8ac1e3a00044ed85eae564053773..0000000000000000000000000000000000000000
Binary files a/content/zh/post/xiaoxiaoliang/title/title.PNG and /dev/null differ
diff --git a/content/zh/post/xingchen/2020-05-30-start1.md b/content/zh/post/xingchen/2020-05-30-start1.md
index 4dc71ea8ade1695125d8107ef84132712cb2bcd0..7d5630748bd4d6022e6af12044064d1fffe4e0cc 100644
--- a/content/zh/post/xingchen/2020-05-30-start1.md
+++ b/content/zh/post/xingchen/2020-05-30-start1.md
@@ -5,7 +5,7 @@ tags = ["openGauss社区开发入门"]
 archives = "2020-05"
 author = "xingchen"
 summary = "openGauss社区开发入门"
-img = "/zh/post/xingchen/title/title.jpg"
+img = "/zh/post/xingchen/title/img1.png"
 times = "17:30"
 +++
 
diff --git a/content/zh/post/xingchen/2020-06-01-start2.md b/content/zh/post/xingchen/2020-06-01-start2.md
index 2d3f6b192bfc3e53ae1a43ea68097be846e3d4ba..5bb6dd72491eda214350fbe78fa08ae93b77b9e7 100644
--- a/content/zh/post/xingchen/2020-06-01-start2.md
+++ b/content/zh/post/xingchen/2020-06-01-start2.md
@@ -5,7 +5,7 @@ tags = ["openGauss社区开发入门（操作须知）"]
 archives = "2020-06"
 author = "xingchen"
 summary = "openGauss社区开发入门"
-img = "/zh/post/xingchen/title/title.jpg"
+img = "/zh/post/xingchen/title/img1.png"
 times = "19:30"
 +++
 
diff --git a/content/zh/post/xingchen/title/img1.png b/content/zh/post/xingchen/title/img1.png
new file mode 100644
index 0000000000000000000000000000000000000000..65e2d4c4751f069c64357704715e2ba99beb511a
Binary files /dev/null and b/content/zh/post/xingchen/title/img1.png differ
diff --git a/content/zh/post/xingchen/title/title.jpg b/content/zh/post/xingchen/title/title.jpg
deleted file mode 100644
index eacc14415983b4bf79879a66ac0ce7622d785367..0000000000000000000000000000000000000000
Binary files a/content/zh/post/xingchen/title/title.jpg and /dev/null differ
diff --git "a/content/zh/post/zhangyulong/openGauss1-0-1\345\217\214\346\234\272\347\256\241\347\220\206.md" "b/content/zh/post/zhangyulong/openGauss1-0-1\345\217\214\346\234\272\347\256\241\347\220\206.md"
index ddfe5e26b4af6b4a0d705c16dcf84be94d476b09..e41284ca4ec6109fe968f4c95622fc5ba271ccf3 100644
--- "a/content/zh/post/zhangyulong/openGauss1-0-1\345\217\214\346\234\272\347\256\241\347\220\206.md"
+++ "b/content/zh/post/zhangyulong/openGauss1-0-1\345\217\214\346\234\272\347\256\241\347\220\206.md"
@@ -12,7 +12,7 @@ author = "张玉龙"
 
 summary = "openGauss1.0.1双机管理"
 
-img = "/zh/post/zhangyulong/title/title.png" 
+img = "/zh/post/zhangyulong/title/img36.png" 
 
 times = "10:30"
 
diff --git a/content/zh/post/zhangyulong/title/img36.png b/content/zh/post/zhangyulong/title/img36.png
new file mode 100644
index 0000000000000000000000000000000000000000..0ec8535146c6a1d5e0b78ee6c1a6b3a8ede1cdf3
Binary files /dev/null and b/content/zh/post/zhangyulong/title/img36.png differ
diff --git a/content/zh/post/zhangyulong/title/title.png b/content/zh/post/zhangyulong/title/title.png
deleted file mode 100644
index ccc67df084b95978a5656973d36ac47506e8ca39..0000000000000000000000000000000000000000
Binary files a/content/zh/post/zhangyulong/title/title.png and /dev/null differ
diff --git a/i18n/en.toml b/i18n/en.toml
index aed989ac524f67b3a2369bef1a0bd2f100be7998..63c8bcfa5472fa4d7b2119d75f42849733696ff3 100644
--- a/i18n/en.toml
+++ b/i18n/en.toml
@@ -57,3 +57,12 @@ other = "https://test.opengauss.org/en/"
 
 [blog_title]
 other = "Blog"
+
+[blog_view_more]
+other = "Read More"
+
+[post_blog]
+other = "Post Your Blog"
+
+[post_filter]
+other = "Filter"
\ No newline at end of file
diff --git a/i18n/zh.toml b/i18n/zh.toml
index 837160ab448ad39fea095354726dfd991c2b546b..31bd44b26b82827f783fecdab88c0dcf63b0aae9 100644
--- a/i18n/zh.toml
+++ b/i18n/zh.toml
@@ -57,3 +57,12 @@ other = "https://test.opengauss.org/zh/"
 
 [blog_title]
 other = "博客"
+
+[blog_view_more]
+other = "查看全文"
+
+[post_blog]
+other = "欢迎投稿"
+
+[post_filter]
+other = "筛选"
\ 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 05f9815094dbb48ae2898e0280808e9bc33c27de..6ac34b9e9158b1e70c6456d546d3a18cbfaef36d 100644
--- a/themes/hugo-blog-jeffprod/layouts/_default/baseof.html
+++ b/themes/hugo-blog-jeffprod/layouts/_default/baseof.html
@@ -6,4 +6,7 @@
 {{ block "main" . }}{{ end }}
 
 
-{{ partial "footer.html" . }}
\ No newline at end of file
+{{ partial "footer.html" . }}
+<script>
+    scrollTo(0,0)
+</script>
\ No newline at end of file
diff --git a/themes/hugo-blog-jeffprod/layouts/_default/single.html b/themes/hugo-blog-jeffprod/layouts/_default/single.html
index ce3d0a04de998812c81f6ecce20899b439b73315..4fdd37c885032065ed2382c8049b7bcf1d255ce7 100644
--- a/themes/hugo-blog-jeffprod/layouts/_default/single.html
+++ b/themes/hugo-blog-jeffprod/layouts/_default/single.html
@@ -1,10 +1,30 @@
 {{ define "main" }}
-{{ partial "detail-banner" }}
+{{ $lan := index (split .URL "/") 1 }}
 <div class="container">
-    <div class="columns">
-        <div class="is-9 post_detail">
-            <div class="tile is-child box">
-                <div class="content">
+    <div class="columns blog-detail">
+        <div class="post_detail">
+            <div class="is-child box">
+                <div class="breadCrumb"><a href="\{{$lan}}\">{{ i18n "blog_title" }}/</a></div>
+                <div class="blog-detail-header">
+                    <h1>{{ .Title }}</h1>
+                    <div class="blog-detail-prop">
+                        <img src="/img/icon-date.svg">
+                        <span class="article_right_date">{{ .Date.Format "2006-01-02" }}</span>
+                        <img src="/img/icon-author.svg">
+                        <span class="article_right_author">{{ .Params.author }}</span>
+                        <img src="/img/icon-view.svg">
+                        <span id="{{ .Permalink | relURL }}" class="leancloud_visitors" data-flag-title="{{ .LinkTitle }}">
+                            <i class="leancloud-visitors-count"></i>                     
+                        </span>
+                    </div>
+                    <div class="blog-detail-tags">
+                        <img src="/img/icon-tag.svg">
+                        {{ range .Params.tags }}
+                        <a>{{ . }}</a>
+                        {{ end }}
+                    </div>
+                </div>
+                <div class="content blog-content">
                     {{ .Content }}
                 </div>
             </div>
@@ -16,15 +36,21 @@
                 {{ partial "comments.html" . }}
             </div>
         </div>
-        <div class="column is-3 isPc">
-            {{ partial "widget-tags.html" . }}<br>
-            {{ partial "widget-recent.html" . }}<br>
-            {{ partial "widget-related.html" . }}<br>
-            {{ partial "widget-archives.html" . }}
-        </div>
     </div>
 </div>
-
+<script>
+    $(function (){
+        var query = new AV.Query('Counter');
+        query.equalTo('url', decodeURIComponent('{{.Permalink | relURL}}'));
+        query.find().then(function (data) {
+            if(data.length && (data[0].attributes.author === 'openGauss')){
+                var counter = AV.Object.createWithoutData('Counter', data[0].id);
+                counter.set('author', '{{.Params.author}}');
+                counter.save();
+            }
+        })
+    })
+</script>
 
 
 {{ end }}
diff --git a/themes/hugo-blog-jeffprod/layouts/archives/list.html b/themes/hugo-blog-jeffprod/layouts/archives/list.html
index 67011e6af80a340e7646894e9ad11cd9cd7df9e7..e58b5720609738b2331286d5bafeb8fd05fdb24e 100644
--- a/themes/hugo-blog-jeffprod/layouts/archives/list.html
+++ b/themes/hugo-blog-jeffprod/layouts/archives/list.html
@@ -1,4 +1,5 @@
 {{ define "main" }}
+{{ $lan := index (split .URL "/") 1 }}
 {{ $archive := lower .Title }}
 
 <div class="container">
@@ -7,27 +8,33 @@
             <div class="column is-9">
                 <div class="tile is-child box">
                     <div class="content">
-        {{ range $key, $value := .Site.Taxonomies.archives }}{{ if eq $key $archive }}{{ range $value.Pages }}
-                        <article class="article">
-                            <div class="article_left">
-                                <a href="{{ .Permalink }}"><img src="{{ .Params.img }}"></a>
+                    {{ range $key, $value := .Site.Taxonomies.archives }}{{ if eq $key $archive }}{{ range $value.Pages }}
+                    <article class="article">
+                        <div class="article_right">
+                            <a href="{{ .Permalink }}"><h3 class="blog-h3">{{ .LinkTitle }}</h3></a>
+                            <div class="prop-content">
+                                <img src="/img/icon-date.svg">
+                                <span class="article_right_date">{{ .Date.Format "2006-01-02" }}</span>
+                                <img src="/img/icon-author.svg">
+                                <span class="article_right_author">{{ .Params.author }}</span>
+                                <img src="/img/icon-view.svg">
+                                <span id="{{ .Permalink | relURL }}" class="leancloud_visitors" data-flag-title="{{ .LinkTitle }}">
+                                    <i class="leancloud-visitors-count"></i>                     
+                                </span>
                             </div>
-
-                            <div class="article_right">
-                                <a href="{{ .Permalink }}"><h3>{{ .LinkTitle }}</h3></a>
-                                <div>
-                                    <span class="article_right_author">{{ .Params.author }}</span>
-                                    {{ partial "svgs/ico_date.svg" }}
-                                    <span class="article_right_date">{{ .Date.Format "2006-01-02" }}</span>
-                                    {{ partial "svgs/ico_read.svg" }}
-                                    <span id="{{ .Permalink | relURL }}" class="leancloud_visitors" data-flag-title="{{ .LinkTitle }}">
-                                        <i class="leancloud-visitors-count"></i>                     
-                                    </span>
-                                </div>
-                                <a href="{{ .Permalink }}"><p>{{ .Params.summary }}...</p></a>
+                            <div class="tags">
+                                <img src="/img/icon-tag.svg">
+                                {{ range .Params.tags }}
+                                <a href="/{{$lan}}/tags/{{.|urlize}}">{{ . }}</a>
+                                {{ end }}
+                            </div>
+                            <a href="{{ .Permalink }}"><img class="blog-img" src="{{ .Params.img }}"></a>
+                            <div class="more">
+                                <p>{{ .Params.summary }}...</p><a href="{{ .Permalink }}">查看全文</a>
                             </div>
-                        </article>
-        {{ end }}{{ end }}{{ end }}
+                        </div>
+                    </article>
+                    {{ end }}{{ end }}{{ end }}
                     </div>
                 </div>
             </div>
diff --git a/themes/hugo-blog-jeffprod/layouts/guidance/list.html b/themes/hugo-blog-jeffprod/layouts/guidance/list.html
index 4e3590cfac3f395ee2fc660efab885a45ad52fa1..857f57f4063212dd14e8df82f0993e4e4fac1d22 100644
--- a/themes/hugo-blog-jeffprod/layouts/guidance/list.html
+++ b/themes/hugo-blog-jeffprod/layouts/guidance/list.html
@@ -5,16 +5,11 @@
 <div class="container">
     <div class="section">
         <div class="columns">
-            <div class="column is-9">
+            <div class="column">
                 {{ range where $.Page.Site.Pages "Type" "guidance" }}
-                <div class="guidance"> {{ .Content }} </div>
+                <div class="guidance blog-content"> {{ .Content }} </div>
                 {{ end }}
             </div>
-            <div class="column is-3 isPc">
-                {{ partial "widget-tags.html" . }}<br>
-                {{ partial "widget-recent.html" . }}<br>
-                {{ partial "widget-archives.html" . }}
-            </div>
         </div>
     </div>
 </div>
diff --git a/themes/hugo-blog-jeffprod/layouts/index.html b/themes/hugo-blog-jeffprod/layouts/index.html
index 64d2bf081babb69c8ea3eec512c0408fb4e20c28..e6b3a701a35269500946a03b84fb09d6973951df 100644
--- a/themes/hugo-blog-jeffprod/layouts/index.html
+++ b/themes/hugo-blog-jeffprod/layouts/index.html
@@ -1,55 +1,95 @@
 {{ define "main" }}
+{{ $lan := index (split .URL "/") 1 }}
 {{ $paginator := .Paginate (where .Site.RegularPages "Section" "post").ByPublishDate.Reverse }}
+<div class="mask hide"></div>
+{{ $tag := .Title }}
+{{ $lan := index (split .URL "/") 1 }}
+<div class="tags-filter-content">
+    <div class="h5-tag">
+        <div class="h5-tag-header">
+            {{ if eq (len (where .Data.Pages "Type" "post")) 0}}
+            <span class="filter gray"><img src="/img/icon-tag-gray.svg">Tags{{ i18n "post_filter" }}</span>
+            {{ else }}
+            <span class="filter"><img src="/img/icon-tag.svg">Tags{{ i18n "post_filter" }}</span>
+            {{ end }}
+            <span class="add-blog"><img src="/img/icon-author.svg"><a href="/{{$lan}}/guidance/index.html">{{ i18n "post_blog" }}</a></span>
+        </div>
+        <div class="h5-tag-content hide">
+            <h3 class="h5-tags">Tags</h3>
+            <div class="tags">
+            {{ range $name, $taxonomy := .Site.Taxonomies.tags }}
+            {{ if eq ($tag|urlize) ($name|urlize) }}
+                <span class="tag"><a href="/{{$lan}}/" class="active">{{ $name }}</a></span>
+            {{ else }}
+                <span class="tag"><a href="/{{ i18n "blog_tags_url" }}/{{ $name | urlize }}/">{{ $name }}</a></span>
+            {{ end }}
+            {{ end }}
+            </div>          
+        </div>
+    </div>
+</div>
+
 <div class="container">
     <div class="columns">
         <div class="is-9">
             <div class="tile is-child">
                 <div class="content">
+                    {{ if eq (len (where .Data.Pages "Type" "post")) 0}}
+                    <div class="empty-blogs-status"><div class="empty-desc">Call for contributions ...</div></div>
+                    {{ end }}
                     {{ range $paginator.Pages }}
                         <article class="article">
-                            <div class="article_left">
-                                <a href="{{ .Permalink }}"><img src="{{ .Params.img }}"></a>
-                            </div>
-
                             <div class="article_right">
-                                <a href="{{ .Permalink }}"><h3>{{ .LinkTitle }}</h3></a>
-                                <div>
-                                    <span class="article_right_author">{{ .Params.author }}</span>
-                                    {{ partial "svgs/ico_date.svg" }}
+                                <a href="{{ .Permalink }}"><h3 class="blog-h3">{{ .LinkTitle }}</h3></a>
+                                <div class="prop-content">
+                                    <img src="/img/icon-date.svg">
                                     <span class="article_right_date">{{ .Date.Format "2006-01-02" }}</span>
-                                    {{ partial "svgs/ico_read.svg" }}
+                                    <img src="/img/icon-author.svg">
+                                    <span class="article_right_author">{{ .Params.author }}</span>
+                                    <img src="/img/icon-view.svg">
                                     <span id="{{ .Permalink | relURL }}" class="leancloud_visitors" data-flag-title="{{ .LinkTitle }}">
                                         <i class="leancloud-visitors-count"></i>                     
                                     </span>
                                 </div>
-                                <a href="{{ .Permalink }}"><p>{{ .Params.summary }}...</p></a>
+                                <div class="tags">
+                                    <img src="/img/icon-tag.svg">
+                                    {{ range .Params.tags }}
+                                    <a href="/{{$lan}}/tags/{{.|urlize}}/">{{ . }}</a>
+                                    {{ end }}
+                                </div>
+                                <a href="{{ .Permalink }}"><img class="blog-img" src="{{ .Params.img }}"></a>
+                                <div class="more">
+                                    <p>{{ .Params.summary }}...</p><a href="{{ .Permalink }}">{{ i18n "blog_view_more" }}</a>
+                                </div>
                             </div>
                         </article>
                     {{ end }}
                 </div>
             </div>
+            {{ if ne (len (where .Data.Pages "Type" "post")) 0}}
+            <div id="pagination"></div>
+            {{ end }}
         </div>
         <div class="column is-3 isPc">
+            <a href="/{{$lan}}/guidance/index.html" class="post-blog"><img src="/img/icon-author-post.svg">{{ i18n "post_blog" }}</a>
+            {{ if ne (len (where .Data.Pages "Type" "post")) 0}}
             {{ partial "widget-tags.html" . }}<br>
             {{ partial "widget-recent.html" . }}<br>
             {{ partial "widget-archives.html" . }}
-        </div>
-    </div>
-    <div class="columns">
-        <div class="column is-9">
-            <nav class="pagination is-centered is-rounded" role="navigation" aria-label="pagination">
-                {{ if $paginator.HasPrev }}<a class="pagination-previous" href="{{ $paginator.Prev.URL }}">{{ i18n "main_cards_previous" }}</a>{{ end }}
-                {{ if $paginator.HasNext }}<a class="pagination-next" href="{{ $paginator.Next.URL }}">{{ i18n "main_cards_next" }}</a>{{ end }}
-                <ul class="pagination-list">
-                    {{ range $paginator.Pagers }}
-                    <li class="pagination__item">
-                        <a class="pagination-link{{ if eq . $paginator }} is-current{{ end }}" aria-label="Goto page {{ .PageNumber }}" href="{{ .URL }}">{{ .PageNumber }}</a>
-                    </li>
-                    {{ end }}
-                </ul>
-            </nav>
+            {{ end }}
         </div>
     </div>
 </div>
-
+<script>
+    var curPage = {{ $paginator.PageNumber }};
+    var total = {{ len (where .Data.Pages "Type" "post") }};
+    var lang = {{ $lan }};
+    {{ range where $.Page.Site.Pages "Type" "iframeurl" }}
+    {{ if .Params }}
+        var iUrl = {{ .Params.iframeUrl }};
+    {{ end }}
+    {{ end }}
+</script>
+<script src="{{ "js/pagination.js" | relURL }}?t={{ mul 1000 (time now).Unix }}"></script>
+<script src="{{ "js/pagination-fn.js" | relURL }}?t={{ mul 1000 (time now).Unix }}"></script>
 {{ end }}
diff --git a/themes/hugo-blog-jeffprod/layouts/partials/detail-banner.html b/themes/hugo-blog-jeffprod/layouts/partials/detail-banner.html
index c9230736fa00e08887bfab90691000c1f7b4a288..8aa40979d4df8fbb38148e16905ce0e4e4d3145b 100644
--- a/themes/hugo-blog-jeffprod/layouts/partials/detail-banner.html
+++ b/themes/hugo-blog-jeffprod/layouts/partials/detail-banner.html
@@ -1,41 +1,7 @@
-{{ if eq .Type "page" }}
-<section class="hero is-info is-medium">
-    <div class="hero-warp">
-        <div class="has-text-centered">
-            <h1 class="title is-size-1">
-                {{ i18n "blog_title" }}
-            </h1>
-        </div>
-    </div>
-</section>
-{{ else if .Title }}
-<section class="hero is-info is-medium">
-    <div class="hero-warp">
-        <div class="has-text-centered">
-            <h1 class="title is-size-1">
-                <!-- {{ i18n "main_cards_title" }} -->
-                {{ if eq .Type "tags" }}
-                    #{{ .Title }}
-                {{ else if eq .Type "archives" }}
-                    Archive {{ .Title }}
-                {{ else if eq .Type "guidance" }}
-                    Post a blog
-                {{ else }}
-                    {{ .Title }}
-                {{ end }}
-            </h1>
-            {{ if eq .Type "post" }}
-                <div>
-                    <span class="article_right_author">{{ .Params.author }}</span>
-                    {{ partial "svgs/ico_date_white.svg" }}
-                    <span class="article_right_date">{{ .Date.Format "2006-01-02" }}</span>
-                    {{ partial "svgs/ico_read_white.svg" }}
-                    <span id="{{ .Permalink | relURL }}" class="leancloud_visitors" data-flag-title="{{ .Title }}">
-                        <i class="leancloud-visitors-count"></i>                     
-                    </span>
-                </div>
-            {{ end }}
-        </div>
-    </div>
-</section>
+{{ if ne .Type "post" }}
+<div class="blog-banner">
+    <h1>{{ i18n "blog_title" }}</h1>
+    <img class="pc-banner" src="/img/blog-banner-pc.png">
+    <img class="h5-banner" src="/img/blog-banner-h5.png">
+</div>
 {{ end }}
\ No newline at end of file
diff --git a/themes/hugo-blog-jeffprod/layouts/partials/footer.html b/themes/hugo-blog-jeffprod/layouts/partials/footer.html
index 27a7d43289fdd7a4cdc1ce08793448ff9cad8ddd..7bc56173b5936709f26b0c98eb5ac611b97ea6e5 100644
--- a/themes/hugo-blog-jeffprod/layouts/partials/footer.html
+++ b/themes/hugo-blog-jeffprod/layouts/partials/footer.html
@@ -6,47 +6,15 @@
 <script defer src="{{ .Site.BaseURL }}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 }}',
-        appKey: '{{ .Site.Params.valine.appKey }}',
-        avatar:'{{ .Site.Params.valine.avatar }}',
-        visitor: true,
-		    meta: ['nick','mail','link']
-    });
-  }
- 
-  
-    
-
-
-    const url = document.getElementById("iframeUrl").value;
-
-    function observe (el, options, callback) {
-      var MutationObserver = window.MutationObserver || window.WebKitMutationObserver || window.MozMutationObserver
-      var observer = new MutationObserver(callback)
-      observer.observe(el, options)
+    if (!document.getElementById("vcomments")) {
+        new Valine({
+            appId: '{{ .Site.Params.valine.appId }}',
+            appKey: '{{ .Site.Params.valine.appKey }}',
+            avatar: '{{ .Site.Params.valine.avatar }}',
+            visitor: true,
+            meta: ['nick', 'mail', 'link']
+        });
     }
-
-    var options = {
-        childList: true,
-        subtree: true,
-        characterData: true
-      }
-    observe(document.body, options, (records, instance) => {
-    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>
 </html>
diff --git a/themes/hugo-blog-jeffprod/layouts/partials/header.html b/themes/hugo-blog-jeffprod/layouts/partials/header.html
index 1577f843ff180fb42185461fcb2475125b7400fb..7bbd6ae22ce29084b963b2d446372504f9076265 100644
--- a/themes/hugo-blog-jeffprod/layouts/partials/header.html
+++ b/themes/hugo-blog-jeffprod/layouts/partials/header.html
@@ -14,10 +14,12 @@
 
     <!--<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">
+    <script src="https://cdn.bootcss.com/jquery/3.4.1/jquery.js"></script>
     <!-- <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bulma/0.7.1/css/bulma.min.css" /> -->
-    <link rel="stylesheet" href="{{ "css/commen.css" | absURL }}" />
-    <link rel="stylesheet" href="{{ "css/blog.css" | absURL }}" />
-    <link rel="stylesheet" href="{{ "css/mobile.css" | absURL }}" />
+    <link rel="stylesheet" href="{{ "css/commen.css" | absURL }}?t={{ mul 1000 (time now).Unix }}" />
+    <link rel="stylesheet" href="{{ "css/blog.css" | absURL }}?t={{ mul 1000 (time now).Unix }}" />
+    <link rel="stylesheet" href="{{ "css/mobile.css" | absURL }}?t={{ mul 1000 (time now).Unix }}" />
+    <link rel="stylesheet" href="{{ "css/pagination.css" | relURL}}?t={{ mul 1000 (time now).Unix }}">
     {{ if .RSSLink }}
   <link href="{{ .RSSLink }}" rel="alternate" type="application/rss+xml" title="{{ .Site.Title }}" />
   <link href="{{ .RSSLink }}" rel="feed" type="application/rss+xml" title="{{ .Site.Title }}" />
diff --git a/themes/hugo-blog-jeffprod/layouts/partials/widget-archives.html b/themes/hugo-blog-jeffprod/layouts/partials/widget-archives.html
index 98e7a0fbd2762199d3f22219d43fa05d1d824b32..e69de29bb2d1d6434b8b29ae775ad8c2e48c5391 100644
--- a/themes/hugo-blog-jeffprod/layouts/partials/widget-archives.html
+++ b/themes/hugo-blog-jeffprod/layouts/partials/widget-archives.html
@@ -1,8 +0,0 @@
-<div class="card">
-    <div class="card-content">
-        <h1 class="title is-5">Archives</h1>
-        {{ range (where .Site.RegularPages "Section" "post").GroupByDate "2006-01" }}
-            <p><a href="{{ i18n "blog_archives_url" | absURL }}/{{ .Key }}">{{ .Key }}</a> ({{ len .Pages }})</p>
-        {{ end }}
-    </div>
-</div>
diff --git a/themes/hugo-blog-jeffprod/layouts/partials/widget-recent.html b/themes/hugo-blog-jeffprod/layouts/partials/widget-recent.html
index ff80fe90f6ce259088046f2ecad5f959fd2138bd..50410ada067220caf4279c9f179ca0ef938dda0d 100644
--- a/themes/hugo-blog-jeffprod/layouts/partials/widget-recent.html
+++ b/themes/hugo-blog-jeffprod/layouts/partials/widget-recent.html
@@ -1,17 +1,15 @@
 <div class="card">
-    <div class="card-content">
-        <h1 class="title is-5">Recent posts</h1>
-        {{ range first 5 (where .Site.RegularPages "Section" "post").ByPublishDate.Reverse }}
-            <p><a href="{{ .Permalink | absURL }}">{{ .Title }}</a></p>
-            <div>
-                {{ partial "svgs/ico_date.svg" }}
-                <span class="article_right_date">{{ .Date.Format "2006-01-02" }}</span>
-                {{ partial "svgs/ico_read.svg" }}
-                <span id="{{ .Permalink | relURL }}" class="leancloud_visitors" data-flag-title="{{ .Title }}">
-                    <i class="leancloud-visitors-count"></i>                     
-                </span>
-            </div>
-        {{ end }}
+    <div class="card-content top-content">
+        <h1 class="title is-5 card-tags">Top posts</h1>
+        <div class="clone-dom top-dom hide">
+            <p><a href="">title</a></p>
+            <div class="top-info">
+                <img src="/img/icon-author.svg">
+                <span class="name">name</span>
+                <img src="/img/icon-view.svg">
+                <span class="count">count</span>
+            </div>  
+        </div>
     </div>
 </div>
-    
\ No newline at end of file
+<script src="{{ "js/blog.js" | absURL }}?t={{ mul 1000 (time now).Unix }}"></script>
\ No newline at end of file
diff --git a/themes/hugo-blog-jeffprod/layouts/partials/widget-tags.html b/themes/hugo-blog-jeffprod/layouts/partials/widget-tags.html
index de78ab2fd6fb70ce58ced909dcc5d84d7f35ca90..9fa4037ab9535ade389790553f2e0fc8b066de45 100644
--- a/themes/hugo-blog-jeffprod/layouts/partials/widget-tags.html
+++ b/themes/hugo-blog-jeffprod/layouts/partials/widget-tags.html
@@ -1,9 +1,15 @@
+{{ $tag := .Title }}
+{{ $lan := index (split .URL "/") 1 }}
 <div class="card">
     <div class="card-content">
-        <h1 class="title is-5">Tags</h1>
+        <h1 class="title is-5 card-tags">Tags</h1>
         <div class="tags">
         {{ range $name, $taxonomy := .Site.Taxonomies.tags }}
-            <span class="tag"><a href="/{{ i18n "blog_tags_url" }}/{{ $name | urlize }}">{{ $name }}</a></span>
+        {{ if eq ($tag|urlize) ($name|urlize) }}
+            <span class="tag"><a href="/{{$lan}}/" class="active">{{ $name }}</a></span>
+        {{ else }}
+            <span class="tag"><a href="/{{ i18n "blog_tags_url" }}/{{ $name | urlize }}/">{{ $name }}</a></span>
+        {{ end }}
         {{ end }}
         </div>          
     </div>
diff --git a/themes/hugo-blog-jeffprod/layouts/tags/list.html b/themes/hugo-blog-jeffprod/layouts/tags/list.html
index 58e7d8cc1edd34ab5599aa4f2323c28978bdbb99..48200ec4230d4e5c715d68b51abf49c45d832db4 100644
--- a/themes/hugo-blog-jeffprod/layouts/tags/list.html
+++ b/themes/hugo-blog-jeffprod/layouts/tags/list.html
@@ -1,7 +1,30 @@
 {{ define "main" }}
+{{ $lan := index (split .URL "/") 1 }}
 
+<div class="mask hide"></div>
+{{ $tag := .Title }}
+{{ $lan := index (split .URL "/") 1 }}
+<div class="tags-filter-content">
+    <div class="h5-tag">
+        <div class="h5-tag-header">
+            <span class="filter"><img src="/img/icon-tag.svg">Tags{{ i18n "post_filter" }}</span>
+            <span class="add-blog"><img src="/img/icon-author.svg"><a href="/{{$lan}}/guidance/index.html">{{ i18n "post_blog" }}</a></span>
+        </div>
+        <div class="h5-tag-content hide">
+            <h3 class="h5-tags">Tags</h3>
+            <div class="tags">
+            {{ range $name, $taxonomy := .Site.Taxonomies.tags }}
+            {{ if eq ($tag|urlize) ($name|urlize) }}
+                <span class="tag"><a href="/{{$lan}}/" class="active">{{ $name }}</a></span>
+            {{ else }}
+                <span class="tag"><a href="/{{ i18n "blog_tags_url" }}/{{ $name | urlize }}/">{{ $name }}</a></span>
+            {{ end }}
+            {{ end }}
+            </div>          
+        </div>
+    </div>
+</div>
 
-{{ $tag := lower .Title }}
 <div class="container">
     <div class="section">
         <div class="columns">
@@ -9,29 +32,39 @@
                 <div class="tile is-child box">
                     <div class="content">
         
-        {{ $paginator := .Paginate (where .Data.Pages "Type" "post") 6 }}
-        {{ range $paginator.Pages }}
-                        <article class="article">
-                            <div class="article_left">
-                                <a href="{{ .Permalink }}"><img src="{{ .Params.img }}"></a>
+                    {{ $paginator := .Paginate (where .Data.Pages "Type" "post") 6 }}
+                    {{ range $paginator.Pages }}
+                    <article class="article">
+                        <div class="article_right">
+                            <a href="{{ .Permalink }}"><h3 class="blog-h3">{{ .LinkTitle }}</h3></a>
+                            <div class="prop-content">
+                                <img src="/img/icon-date.svg">
+                                <span class="article_right_date">{{ .Date.Format "2006-01-02" }}</span>
+                                <img src="/img/icon-author.svg">
+                                <span class="article_right_author">{{ .Params.author }}</span>
+                                <img src="/img/icon-view.svg">
+                                <span id="{{ .Permalink | relURL }}" class="leancloud_visitors" data-flag-title="{{ .LinkTitle }}">
+                                    <i class="leancloud-visitors-count"></i>                     
+                                </span>
                             </div>
-
-                            <div class="article_right">
-                                <a href="{{ .Permalink }}"><h3>{{ .Title }}</h3></a>
-                                <div>
-                                    <span class="article_right_author">{{ .Params.author }}</span>
-                                    {{ partial "svgs/ico_date.svg" }}
-                                    <span class="article_right_date">{{ .Date.Format "2006-01-02" }}</span>
-                                    {{ partial "svgs/ico_read.svg" }}
-                                    <span id="{{ .Permalink | relURL }}" class="leancloud_visitors" data-flag-title="{{ .Title }}">
-                                        <i class="leancloud-visitors-count"></i>                     
-                                    </span>
-                                </div>
-                                <a href="{{ .Permalink }}"><p>{{ .Params.summary }}...</p></a>
+                            <div class="tags">
+                                <img src="/img/icon-tag.svg">
+                                {{ range .Params.tags }}
+                                {{ if eq $tag .}}
+                                <a href="/{{$lan}}/" class="active">{{ . }}</a>
+                                {{ else }}
+                                <a href="/{{$lan}}/tags/{{.|urlize}}/">{{ . }}</a>
+                                {{ end }}
+                                {{ end }}
                             </div>
-                        </article>
-        
-        {{ end }}
+                            <a href="{{ .Permalink }}"><img class="blog-img" src="{{ .Params.img }}"></a>
+                            <div class="more">
+                                <p>{{ .Params.summary }}...</p><a href="{{ .Permalink }}">{{ i18n "blog_view_more" }}</a>
+                            </div>
+                        </div>
+                    </article>
+                    
+                    {{ end }}
                     </div>
                 </div>
             </div>
diff --git a/themes/hugo-blog-jeffprod/static/css/blog.css b/themes/hugo-blog-jeffprod/static/css/blog.css
index be23811784263c6020bacca4f833c0647ab7aba6..e82dd0eb8997a10a35eb0073d26530de7cd8d72d 100644
--- a/themes/hugo-blog-jeffprod/static/css/blog.css
+++ b/themes/hugo-blog-jeffprod/static/css/blog.css
@@ -19,7 +19,8 @@ html,body {
 .container {
     max-width: 1140px;
     width: 1140px;
-    margin: 0 auto 1rem;
+    margin: 0 auto;
+    padding: 0 !important;
 }
 .container .columns {
     margin: 0;
@@ -27,11 +28,10 @@ html,body {
     justify-content: space-between;
 }
 .is-9 {
-    width: 70%;
+    width: 60%;
 }
 .is-3 {
-    width: 25%;
-    margin-top: 0.75rem;
+    width: 35%;
 }
 .prepare {
     height: 100%;
@@ -95,15 +95,16 @@ li{
 .article {
     display: flex;
     justify-content: space-between;
-    height: 160px;
     margin-top: 0.75rem;
 }
+.article:first-child {
+    margin-top: 0;
+}
 .article_left {
     width: 25%;
     height: 100%;
 }
 .article_right {
-    width: 70%;
     height: 100%;
 }
 .article_left img {
@@ -128,9 +129,6 @@ li{
 .article_right a {
     text-decoration: none;
 }
-.article_right>div {
-    margin: 0.2rem 0 0.3rem 0;
-}
 .article_right>div span {
     font-size: 16px;
 }
@@ -161,14 +159,14 @@ li{
     color: #080808;
 }
 .tags .tag {
-    margin-right: .1rem;
-    margin-bottom: 0.3rem;
+    margin-bottom: 8px;
     display: inline-block;
 }
 .tags .tag a {
     text-decoration: none;
     padding: 5px 16px;
-    background: #efefef;
+    background: #f7f8f9;
+    margin-right: 5px !important;
 }
 .card-content {
     padding: 0;
@@ -187,14 +185,17 @@ li{
     transform: translateY(2px);
 }
 .card-content>div {
-    margin-bottom: 0.2rem;
+    margin-bottom: 10px;
 }
 .card-content>p {
-    margin-bottom: 0.1rem;
+    margin-bottom: 4px;
+    font-size: 14px;
+    line-height: 32px;
+    color: #4d4d4d;
 }
 .card-content>p>a {
     font-size: 14px;
-    color: #080808;
+    color: #4d4d4d;
     text-decoration: none;
 }
 /* ---------------------pagination----------------------- */
@@ -265,16 +266,10 @@ li{
 .has-text-centered>div svg {
     transform: translateY(2px);
 }
-.is-9 .tile,.guidance {
-    margin-top: 0.75rem;
-}
 .post_detail {
-    font-size: 16px;
+    font-size: 14px;
     word-break: break-all;
 }
-.tile h3,.tile p,.tile ul,.guidance h2 {
-    color: #080808;
-}
 .tile h1,.tile h2,.tile h3,.tile h4,.tile h5,.tile pre,.tile table {
     margin-bottom: 0.2rem;
 }
@@ -294,9 +289,6 @@ li{
     margin-bottom: 0.2rem;
     line-height: 0.52rem;
 }
-.tile img {
-    width: 100%;
-}
 .post-comment {
     margin-top: 0.6rem;
 }
@@ -319,15 +311,15 @@ li{
     font-size: .875em;
     margin: 0.4rem 0;
 }
-.guidance h2 {
-    margin-bottom: 0.4rem;
-    font-size: 0.44rem;
+.guidance {
+    margin-bottom: 100px;
 }
-.guidance p,.guidance ol {
-    line-height: 0.32rem;
-    margin-bottom: 0.2rem;
+.guidance p {
+    word-break: break-all;
+}
+.guidance > h2:nth-child(1) {
+    margin-top: 0;
 }
-
 /* ---------------------------404--------------------------- */
 #error-page {
     text-align: center;
@@ -380,4 +372,420 @@ li{
     background: #467fbf;
     color: #ffffff;
     border-color: #467fbf;
+}
+
+.blog-banner {
+    position: relative;
+    width: 1140px;
+    margin: 0 auto;
+    margin-bottom: 60px;
+}
+.blog-banner .h5-banner {
+    display: none;
+}
+.blog-banner img {
+    width: 100%;
+    height: 200px;
+}
+.blog-banner h1 {
+    position: absolute;
+    left: 260px;
+    top: 80px;
+    font-size: 40px;
+    color: #000000;
+    font-family: FZLTHJW;
+}
+.container .blog-h3 {
+    font-size: 24px;
+    font-weight: normal;
+    color: #000000;
+    font-family: FZLTHJW;
+    margin-bottom: 20px;
+    max-width: 620px;
+    line-height: 32px;
+}
+.container .prop-content {
+    margin-bottom: 10px;
+}
+.container .prop-content img {
+    vertical-align: text-bottom;
+    margin-right: 10px;
+}
+.container .prop-content span {
+    margin-right: 40px;
+    color: #4d4d4d;
+    line-height: 32px;
+    font-size: 14px;
+    font-family: FZLTHJW;
+}
+.container .tags {
+    margin-bottom: 20px;
+}
+.container .tags img {
+    vertical-align: text-bottom;
+    margin-right: 10px;
+}
+.container .tags a {
+    text-decoration: none;
+    margin-right: 40px;
+    color: #4d4d4d;
+    line-height: 32px;
+    font-size: 14px;
+    font-family: FZLTHJW;
+    padding: 5px 10px;
+    border-radius: 5px;
+    background-color: #f9fafa;
+}
+.blog-img {
+    width: 620px;
+    height: 260px;
+    margin-bottom: 20px;
+}
+.more {
+    display: flex;
+    justify-content: space-between;
+}
+.more p {
+    margin-bottom: 0;
+    font-size: 14px;
+    line-height: 32px;
+    color: #4d4d4d;
+    font-family: FZLTHJW;
+}
+.more a {
+    font-size: 14px;
+    line-height: 32px;
+    color: #7d32ea;
+    font-family: FZLTHJW;
+}
+.container .card-tags {
+    margin-bottom: 20px;
+    font-size: 18px;
+    line-height: 24px;
+    color: #000000;
+    font-family: FZLTHJW;
+}
+.top-dom a {
+    text-decoration: none;
+    color: #4d4d4d;
+    font-size: 14px;
+    line-height: 32px;
+    font-family: FZLTHJW;
+
+}
+.top-dom .top-info img {
+    margin-right: 10px;
+}
+.top-dom .top-info .name {
+    display: inline-block;
+    margin-right: 20px;
+    width: 65px;
+}
+.tags .active {
+    background-color: #7d32ea !important;
+    color: #fff !important;
+}
+.blog-detail {
+    color: #4d4d4d;
+}
+.blog-detail-tags a {
+    text-decoration: none;
+    margin-right: 40px;
+    color: #4d4d4d;
+    line-height: 32px;
+    font-size: 14px;
+    font-family: FZLTHJW;
+    padding: 5px 10px;
+    border-radius: 5px;
+    background-color: #f9fafa;
+}
+.post_detail .breadCrumb {
+    margin: 40px 0 20px;
+}
+.post_detail .breadCrumb a {
+    font-size: 24px;
+    color: #7d32ea;
+    line-height: 32px;
+}
+.post_detail .blog-detail-header h1 {
+    font-size: 32px;
+    line-height: 40px;
+    color: #000000;
+    font-weight: normal;
+}
+.blog-detail-prop {
+    color: #4d4d4d;
+    font-size: 14px;
+    line-height: 32px;
+    margin: 20px 0 10px;
+}
+.blog-detail-prop img {
+    margin-right: 10px;
+}
+.blog-detail-prop span {
+    margin-right: 40px;
+}
+.blog-detail-tags {
+    margin-bottom: 40px;
+}
+.blog-content a {
+    color: #7d32ea;
+    text-decoration: none;
+    word-break: break-all;
+}
+.blog-content h1 {
+    display: none;
+}
+.blog-content h2 {
+    color: #000000;
+    font-size: 24px;
+    line-height: 32px;
+    font-weight: normal;
+    margin: 40px 0 20px;
+}
+.blog-content h3 {
+    color: #000000;
+    font-size: 18px;
+    line-height: 24px;
+    font-weight: normal;
+    margin: 30px 0 20px;
+}
+.blog-content h4 {
+    color: #000000;
+    font-size: 16px;
+    line-height: 24px;
+    font-weight: normal;
+    margin: 20px 0 20px;
+}
+.blog-content p {
+    font-size: 14px;
+    line-height: 32px;
+    color: #4d4d4d;
+    word-break: break-all;
+    white-space: pre-wrap;
+}
+.blog-content pre, .blog-content code {
+    word-break: break-all;
+}
+.blog-content img {
+    max-width: 100%;
+}
+.post-blog {
+    height: 30px;
+    line-height: 30px;
+    display: inline-block;
+    padding: 0 20px;
+    border: 1px solid #7d32ea;
+    color: #7d32ea;
+    background-color: #fff;
+    text-align: center;
+    border-radius: 4px;
+    margin-bottom: 40px;
+    text-decoration: none;
+}
+.post-blog:hover {
+    text-decoration: none;
+}
+.post-blog img {
+    margin-right: 10px;
+}
+.empty-desc {
+    font-size: 24px;
+    color: #000000;
+    height: 100px;
+}
+.post-center {
+    text-align: center;
+    display: none;
+}
+.h5-tag {
+    display: none;
+}
+.blog-detail-tags img {
+    margin-right: 10px;
+}
+@media screen and (max-width: 768px) {
+    .guidance {
+        margin-bottom: 60px;
+    }
+    .blog-content h2 {
+        color: #000000;
+        font-size: 18px;
+        line-height: 24px;
+        font-weight: normal;
+        margin: 40px 0 20px;
+    }
+    .blog-content h3 {
+        color: #000000;
+        font-size: 16px;
+        line-height: 24px;
+        font-weight: normal;
+        margin: 30px 0 20px;
+    }
+    .blog-content h4 {
+        color: #000000;
+        font-size: 16px;
+        line-height: 24px;
+        font-weight: normal;
+        margin: 20px 0 20px;
+    }
+    .blog-content p {
+        font-size: 14px;
+        line-height: 32px;
+        color: #4d4d4d;
+    }
+
+    .post_detail .blog-detail-header h1 {
+        font-size: 24px;
+    }
+    ._pages {
+        margin-left: 0;
+    }
+    ._page_container ._jumper {
+        margin-left: 0 !important;
+    }
+    .article_right {
+        margin-left: 0 !important;
+    }
+    .blog-detail-prop span {
+        margin-right: 20px;
+    }
+    .container .prop-content span {
+        margin-right: 15px;
+    }
+    .container .tags img {
+        margin-right: 2px;
+    }
+    .container .prop-content img {
+        margin-right: 2px;
+    }
+    .post-center {
+        display: block;
+    }
+    .blog-banner {
+        position: unset;
+        width: 100%;
+    }
+    .blog-banner img {
+        width: 100%;
+        height: unset;
+    }
+    .blog-banner .pc-banner {
+        display: none;
+    }
+    .blog-banner .h5-banner {
+        display: block;
+    }
+    .blog-banner h1 {
+        font-size: 32px;
+        position: unset;
+        margin: 50px auto 40px;
+        text-align: center;
+    }
+    .article_right {
+        margin: 0 auto;
+    }
+    .container .blog-h3 {
+        font-size: 18px;
+        line-height: 24px;
+        max-width: unset;
+    }
+    .container .prop-content span {
+        font-size: 14px;
+        line-height: 32px;
+    }
+    .blog-img {
+        width: 100%;
+        height: auto;
+    }
+    .more {
+        flex-direction: column;
+    }
+    .more p {
+        margin-bottom: 20px;
+    }
+    #pagination {
+        margin-bottom: 50px;
+    }
+    .h5-tag {
+        position: relative;
+        display: block;
+        width: 100%;
+        z-index: 2;
+        background-color: #fff;
+    }
+    .h5-tag .h5-tag-header {
+        height: 48px;
+        border: 1px solid #EAEAEA;
+        display: flex;
+        align-items: center;
+        font-size: 12px;
+        color: #4d4d4d;
+    }
+    .h5-tag .h5-tag-header .add-blog a {
+        color: #4d4d4d;
+    }
+    .h5-tag .h5-tag-header span {
+        text-align: center;
+        flex: 1;
+        height: 100%;
+        line-height: 46px;
+    }
+    .h5-tag .h5-tag-header span img {
+        margin-right: 10px;
+    }
+    .h5-tag .h5-tag-header .filter {
+        border-right: 1px solid #EAEAEA;
+    }
+    .h5-tag .h5-tag-content {
+        margin: 20px 30px;
+        max-height: 430px;
+        overflow-y: scroll;
+        padding-bottom: 20px;
+        overflow-x: hidden;
+    }
+    .h5-tag .h5-tag-content .h5-tags {
+        font-size: 18px;
+        line-height: 24px;
+        margin-bottom: 20px;
+        color: #000;
+    }
+    .h5-tag .h5-tag-content .tags .tag {
+        margin-right: 10px;
+        margin-bottom: 0px;
+        display: inline-block;
+        white-space: nowrap; 
+        max-width: 100%; 
+        overflow: hidden;
+        text-overflow:ellipsis;
+        height: 32px;
+        line-height: 32px;
+    }
+    .h5-tag .h5-tag-content .tags .tag a {
+        font-size: 13px;
+        color: #4d4d4d;
+    }
+    .mask {
+        position: fixed;
+        top: 0;
+        left: 0;
+        width: 100vw;
+        height: 100vh;
+        background-color: #000;
+        opacity: .19;
+    }
+    .blue {
+        color: #7d32ea;
+    }
+    .gray {
+        color: #dfdfdf;
+    }
+}
+@media screen and (min-width: 768px) and (max-width: 1280px) {
+    .article_right {
+        margin: 0 auto;
+    }
+    .is-9 .tile, .guidance {
+        margin-top: 40px;
+    }
 }
\ No newline at end of file
diff --git a/themes/hugo-blog-jeffprod/static/css/commen.css b/themes/hugo-blog-jeffprod/static/css/commen.css
index e156e309e88973e6fa4d7914db3151dd16182f1e..c5613cd1db33d93db5f4f862c3bd3d0d84ade9d5 100644
--- a/themes/hugo-blog-jeffprod/static/css/commen.css
+++ b/themes/hugo-blog-jeffprod/static/css/commen.css
@@ -1,77 +1,130 @@
 html {
-    overflow-x:auto;
-    overflow-y:scroll;
-    }
-    body, dl, dt, dd, ul, ol, li, pre, form, fieldset, input, p, blockquote, th, td {
-    font-weight:400;
-    margin:0;
-    padding:0;
-    }
-    h1, h2, h3, h4, h4, h5 {
-    margin:0;
-    padding:0;
-    }
-    body {
-    background-color:#FFFFFF;
-    color:#666666;
-    font-family:Helvetica,Arial,sans-serif;
-    font-size:14px;
-    padding:0;
-    text-align:left;
-    }
-    select {
-    font-size:12px;
-    }
-    table {
-    border-collapse:collapse;
-    }
-    fieldset, img {
-    border:0 none;
-    }
-    fieldset {
-    margin:0;
-    padding:0;
-    }
-    fieldset p {
-    margin:0;
-    padding:0 0 0 8px;
-    }
-    legend {
-    display:none;
-    }
-    address, caption, em, strong, th, i {
-    font-style:normal;
-    font-weight:700;
-    }
-    table caption {
-    margin-left:-1px;
-    }
-    hr {
-    border-bottom:1px solid #FFFFFF;
-    border-top:1px solid #E4E4E4;
-    border-width:1px 0;
-    clear:both;
-    height:2px;
-    margin:5px 0;
-    overflow:hidden;
-    }
-    ol, ul {
-    list-style-image:none;
-    list-style-position:outside;
-    list-style-type:none;
-    }
-    caption, th {
-    text-align:left;
-    }
-    q:before, q:after, blockquote:before, blockquote:after {
-    content:””;
-    }
-    li {
-        list-style: none;
-    }
-    table td
-    {
+    overflow-x: auto;
+    overflow-y: scroll;
+}
+
+body,
+dl,
+dt,
+dd,
+ul,
+ol,
+li,
+pre,
+form,
+fieldset,
+input,
+p,
+blockquote,
+th,
+td {
+    font-weight: 400;
+    margin: 0;
+    padding: 0;
+}
+
+h1,
+h2,
+h3,
+h4,
+h4,
+h5 {
+    margin: 0;
+    padding: 0;
+}
+
+body {
+    background-color: #FFFFFF;
+    color: #666666;
+    font-family: Helvetica, Arial, sans-serif;
+    font-size: 14px;
+    padding: 0;
+    text-align: left;
+}
+
+select {
+    font-size: 12px;
+}
+
+table {
+    border-collapse: collapse;
+}
+
+fieldset,
+img {
+    border: 0 none;
+}
+
+fieldset {
+    margin: 0;
+    padding: 0;
+}
+
+fieldset p {
+    margin: 0;
+    padding: 0 0 0 8px;
+}
+
+legend {
+    display: none;
+}
+
+address,
+caption,
+em,
+strong,
+th,
+i {
+    font-style: normal;
+    font-weight: 700;
+}
+
+table caption {
+    margin-left: -1px;
+}
+
+hr {
+    border-bottom: 1px solid #FFFFFF;
+    border-top: 1px solid #E4E4E4;
+    border-width: 1px 0;
+    clear: both;
+    height: 2px;
+    margin: 5px 0;
+    overflow: hidden;
+}
+
+ol,
+ul {
+    list-style-image: none;
+    list-style-position: outside;
+    list-style-type: none;
+}
+
+caption,
+th {
+    text-align: left;
+}
+
+q:before,
+q:after,
+blockquote:before,
+blockquote:after {
+    content: ””;
+}
+
+li {
+    list-style: none;
+}
+
+table td {
     word-break: keep-all;
-    white-space:nowrap;
-    }
-    
\ No newline at end of file
+    white-space: nowrap;
+}
+@font-face {
+    font-family: "FZLTHJW";
+    src: url(../fonts/FZLTHJW.ttf);
+}
+@font-face {
+    font-family: "Roboto-Regular";
+    src: url(../fonts/Roboto-Regular.ttf);
+}
\ No newline at end of file
diff --git a/themes/hugo-blog-jeffprod/static/css/mobile.css b/themes/hugo-blog-jeffprod/static/css/mobile.css
index f551c0c49a631bd7f68a040b772dcd743b13158e..bd0b16cc88bec04e176f21471cffc59d3380f749 100644
--- a/themes/hugo-blog-jeffprod/static/css/mobile.css
+++ b/themes/hugo-blog-jeffprod/static/css/mobile.css
@@ -4,6 +4,7 @@
   }
   .container {
     width: 100%;
+    max-width: unset;
   }
   .prepare {
       align-items: center;
@@ -14,9 +15,6 @@
   .has-text-centered {
       width: 100%;
   }
-  .container {
-    width: 95%;
-  }
   .has-text-centered h1,
   .has-text-centered div {
       text-align: center;
@@ -48,6 +46,7 @@
   }
   .container {
       width: 95%;
+      max-width: unset;
   }
   body {
       font-size: 0.24rem;
@@ -82,7 +81,6 @@
     width: 100%;
   }
   .article {
-    height: 2rem;
     margin-top: 0.3rem;
   }
   .article_left {
diff --git a/themes/hugo-blog-jeffprod/static/css/pagination.css b/themes/hugo-blog-jeffprod/static/css/pagination.css
new file mode 100644
index 0000000000000000000000000000000000000000..bf587d6a971dd3dbd60676608efde96fa5cea75f
--- /dev/null
+++ b/themes/hugo-blog-jeffprod/static/css/pagination.css
@@ -0,0 +1,128 @@
+@font-face {
+    font-family: "_iconfont";
+    src: url("//at.alicdn.com/t/font_2057696_oufcx8a9u4l.eot?t=1599707778754");
+    /* IE9 */
+    src: url("//at.alicdn.com/t/font_2057696_oufcx8a9u4l.eot?t=1599707778754#iefix") format("embedded-opentype"), url("data:application/x-font-woff2;charset=utf-8;base64,d09GMgABAAAAAALAAAsAAAAABrAAAAJxAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHEIGVgCDBgqBDIEMATYCJAMMCwgABCAFhHkHNhveBciemjwJ1MKAYmHdqAUAcIqH//b7/T4zcy8qUVSSV5JJIlEaiQQt/NW9pN+9hHe1dJfQ6vi245PuomhNVft177/vX6UIw8Q3oaORCIvD43BYhp4AZP63ephSQZ5hGbtDAzyZLScbzyfunTaBAn4YAMw1bEzhKA1wrEERdZ8oIW6RXcSduIjTBFoNaagdn93cs2UFmhSIlyTy2HLBoyhGvFmoG1YW8aHSnN5SeI+Ij//WYpmkytDM8+fTkB38il+v2YbuOImXIK+vkLGAKcRDY+TKnDAYc1ol893ptSKkufyNiTi+qMZ/eCRB1FBuO5hRoolfQDmZNMu8u45luDtmRjHz9P5bQ/RsZ5P2NuM4UDhat2tE43qm8ElMZ0//oPDqrSBiavuznRn7YipYGk4ssU9PDa7Pq/BX0z5ByvQZ/wSk7+mHQPDW37XO1sFfc1sBP/0jRaoClk2zBJj7s7jAtuLzkTYXl0M5oS3rAZgSMsu0a0COXt/jFQM3lAgtBkY4mgzdnK3FZEYu9CVU2myj1uIQreZdr2/Tx5oTpQVzhhJCr3cknX4g6/VFLvQfVAb9o9YbG2h1EcM7tpkKs3ok0dMYgv8CSUAlJ3a9+pgU3mJkck8WBfG0R5QqoRK6rU41fo4lynnmKBv1tObAJRVwpp2HeU5QSUox0K1Y62rQbvOmD7UCKtiqIxLyaCgEfC9AIkBKnPfXVj1WibuFIkbOI7tqeJWPkKQkxmCgq6UDIZ9LSljVPb2jWJEeTeMAJ5ECODOGoVyOgKp5WAoFtJZ4RKgy0MbdOFTSWl9WfOUeaIUOy5EiR1GfSTJVc+7VEGMAAAA=") format("woff2"), url("//at.alicdn.com/t/font_2057696_oufcx8a9u4l.woff?t=1599707778754") format("woff"), url("//at.alicdn.com/t/font_2057696_oufcx8a9u4l.ttf?t=1599707778754") format("truetype"), url("//at.alicdn.com/t/font_2057696_oufcx8a9u4l.svg?t=1599707778754#_iconfont") format("svg");
+    /* iOS 4.1- */
+}
+
+._iconfont {
+    font-family: "_iconfont" !important;
+    font-size: 16px;
+    font-style: normal;
+    -webkit-font-smoothing: antialiased;
+    -moz-osx-font-smoothing: grayscale;
+}
+
+.iconGroup-:before {
+    content: "\e683";
+}
+
+.iconzuo:before {
+    content: "\e601";
+}
+
+* {
+    margin: 0;
+    padding: 0;
+}
+
+._page_container {
+    margin-top: 50px;
+    font-family: Helvetica Neue, Helvetica, PingFang SC, Hiragino Sans GB, Microsoft YaHei, SimSun, sans-serif;
+    font-size: 13px;
+    height: 28px;
+    line-height: 28px;
+    user-select: none;
+}
+
+._page_container input[type=number] {
+    -moz-appearance: textfield;
+}
+
+._page_container input[type=number]::-webkit-inner-spin-button,
+._page_container input[type=number]::-webkit-outer-spin-button {
+    -webkit-appearance: none;
+    margin: 0;
+}
+
+._page_container ._pages {
+    display: inline-block;
+}
+
+._page_container ._pages li {
+    display: inline-block;
+    list-style: none;
+    vertical-align: top;
+    color: #303133;
+    font-weight: bold;
+    min-width: 30px;
+    text-align: center;
+    border-radius: 2px;
+    cursor: pointer;
+}
+
+._page_container ._pages li:hover {
+    color: #7d32ea;
+}
+
+._page_container ._pages li:first-child,
+._page_container ._pages li:last-child {
+    font-size: 14px;
+}
+
+._page_container ._pages ._prev,
+._page_container ._pages ._next,
+._page_container ._pages ._home,
+._page_container ._pages ._last {
+    font-size: 12px;
+    font-weight: normal;
+    padding: 0 8px;
+}
+
+._page_container ._jumper {
+    display: inline-block;
+    color: #606266;
+    margin-left: 10px;
+}
+
+._page_container ._jumper ._count {
+    margin-right: 10px;
+}
+
+._page_container ._jumper ._jumper_input {
+    display: inline-block;
+    font-size: 14px;
+    color: #606266;
+    width: 50px;
+    height: 26px;
+    text-align: center;
+    margin: 0 5px;
+    padding: 3px;
+    border: 1px solid #dcdfe6;
+    border-radius: 4px;
+    background: none;
+    outline: none;
+    box-sizing: border-box;
+}
+
+._page_container ._jumper ._jumper_input:focus {
+    border-color: #7d32ea;
+}
+
+._pages_1 li {
+    background-color: #f4f4f5;
+}
+
+._active_1 {
+    color: #fff !important;
+    background-color: #7d32ea !important;
+}
+
+._active_2 {
+    color: #7d32ea !important;
+}
+
+._disabled_c {
+    color: #c0c4cc !important;
+}
\ No newline at end of file
diff --git a/themes/hugo-blog-jeffprod/static/fonts/FZLTHJW.ttf b/themes/hugo-blog-jeffprod/static/fonts/FZLTHJW.ttf
new file mode 100644
index 0000000000000000000000000000000000000000..379dc975c37291aa56568ff1f078ed12345a280e
Binary files /dev/null and b/themes/hugo-blog-jeffprod/static/fonts/FZLTHJW.ttf differ
diff --git a/themes/hugo-blog-jeffprod/static/fonts/Roboto-Regular.ttf b/themes/hugo-blog-jeffprod/static/fonts/Roboto-Regular.ttf
new file mode 100644
index 0000000000000000000000000000000000000000..7d9a6c4c32d7e920b549caf531e390733496b6e0
Binary files /dev/null and b/themes/hugo-blog-jeffprod/static/fonts/Roboto-Regular.ttf differ
diff --git a/themes/hugo-blog-jeffprod/static/img/blog-banner-h5.png b/themes/hugo-blog-jeffprod/static/img/blog-banner-h5.png
new file mode 100644
index 0000000000000000000000000000000000000000..c89cbfe061bd75f5a79136a982218912487d8ad6
Binary files /dev/null and b/themes/hugo-blog-jeffprod/static/img/blog-banner-h5.png differ
diff --git a/themes/hugo-blog-jeffprod/static/img/blog-banner-pc.png b/themes/hugo-blog-jeffprod/static/img/blog-banner-pc.png
new file mode 100644
index 0000000000000000000000000000000000000000..7ad311e83903ce4b771dfdf345eb96d198334ea0
Binary files /dev/null and b/themes/hugo-blog-jeffprod/static/img/blog-banner-pc.png differ
diff --git a/themes/hugo-blog-jeffprod/static/img/icon-author-post.svg b/themes/hugo-blog-jeffprod/static/img/icon-author-post.svg
new file mode 100644
index 0000000000000000000000000000000000000000..42caa733740667dd9079941d63263ca006d5e02b
--- /dev/null
+++ b/themes/hugo-blog-jeffprod/static/img/icon-author-post.svg
@@ -0,0 +1,20 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>icon_author</title>
+    <defs>
+        <polygon id="path-1" points="0 0 16 0 16 16 0 16"></polygon>
+    </defs>
+    <g id="-" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="Blogs_zh_3" transform="translate(-1140.000000, -324.000000)">
+            <g id="sidebar" transform="translate(1120.000000, 320.000000)">
+                <g id="icon_author" transform="translate(20.000000, 4.000000)">
+                    <mask id="mask-2" fill="white">
+                        <use xlink:href="#path-1"></use>
+                    </mask>
+                    <g id="Clip-2"></g>
+                    <path d="M1.24,5.1380121 L1.24,5.1380121 L5.34,1.0420121 C5.58,0.806012097 5.58,0.418012097 5.344,0.190012097 C5.104,-0.0619879027 4.72,-0.0619879027 4.48,0.182012097 L0.376,4.2860121 C0.14,4.5140121 0.14,4.9100121 0.372,5.1380121 C0.616,5.3820121 0.996,5.3820121 1.24,5.1380121 M7.612,8.6540121 L7.612,8.6540121 L7.592,8.6380121 C7.52,8.5580121 7.464,8.4660121 7.42,8.3700121 L7.42,8.3620121 C7.376,8.2660121 7.356,8.1460121 7.356,8.0340121 C7.356,7.9140121 7.376,7.7980121 7.42,7.7020121 C7.464,7.5900121 7.532,7.4940121 7.612,7.4140121 C7.696,7.3300121 7.792,7.2660121 7.896,7.2180121 C8,7.1860121 8.112,7.1580121 8.236,7.1580121 C8.348,7.1580121 8.464,7.1860121 8.564,7.2180121 L8.58,7.2260121 C8.68,7.2660121 8.768,7.3300121 8.848,7.4140121 C8.936,7.4940121 8.996,7.5900121 9.04,7.7020121 C9.08,7.7980121 9.108,7.9140121 9.108,8.0340121 C9.108,8.1460121 9.08,8.2660121 9.04,8.3620121 L9.04,8.3820121 C8.992,8.4820121 8.936,8.5620121 8.86,8.6420121 L8.86,8.6460121 L8.848,8.6540121 L8.84,8.6580121 C8.764,8.7380121 8.668,8.8060121 8.568,8.8500121 L8.564,8.8500121 C8.464,8.8820121 8.348,8.9100121 8.236,8.9100121 C8.112,8.9100121 8,8.8820121 7.896,8.8500121 L7.896,8.8420121 C7.792,8.8060121 7.696,8.7300121 7.612,8.6540121 M9.716,7.4180121 L9.716,7.4180121 C9.636,7.2180121 9.516,7.0460121 9.372,6.8940121 C9.228,6.7540121 9.048,6.6380121 8.868,6.5540121 L8.848,6.5420121 C8.656,6.4660121 8.452,6.4300121 8.236,6.4300121 C8.016,6.4300121 7.812,6.4660121 7.62,6.5420121 C7.42,6.6300121 7.24,6.7460121 7.088,6.8940121 C6.952,7.0460121 6.824,7.2180121 6.744,7.4180121 C6.664,7.6140121 6.624,7.8140121 6.624,8.0340121 C6.624,8.2500121 6.664,8.4580121 6.744,8.6420121 C6.824,8.8300121 6.94,9.0020121 7.072,9.1500121 L7.088,9.1700121 C7.24,9.3140121 7.416,9.4380121 7.62,9.5260121 C7.812,9.5980121 8.016,9.6460121 8.236,9.6460121 C8.452,9.6460121 8.656,9.5980121 8.848,9.5260121 C8.928,9.4860121 9,9.4460121 9.076,9.3940121 L12.776,13.0940121 C11.788,12.5220121 10.608,11.9940121 9.38,11.5540121 C7.716,10.9540121 5.944,10.5340121 4.456,10.4340121 L3.032,6.3940121 L4.816,4.6180121 L4.816,4.6100121 L6.596,2.8380121 L10.636,4.2540121 C10.74,5.7460121 11.156,7.5140121 11.752,9.1740121 C12.188,10.4020121 12.72,11.5860121 13.296,12.5780121 L9.596,8.8740121 C9.64,8.8140121 9.672,8.7380121 9.708,8.6620121 L9.716,8.6420121 C9.804,8.4580121 9.836,8.2500121 9.836,8.0340121 C9.836,7.8140121 9.804,7.6060121 9.716,7.4180121 M15.176,13.1940121 L15.168,13.1900121 C14.344,12.1580121 13.52,10.5220121 12.9,8.7700121 C12.284,7.0540121 11.868,5.2340121 11.828,3.8060121 C11.824,3.5460121 11.656,3.3260121 11.416,3.2460121 L6.64,1.5580121 C6.408,1.4780121 6.16,1.5460121 6,1.7060121 L3.96,3.7500121 L1.904,5.8060121 C1.728,5.9700121 1.68,6.2260121 1.76,6.4420121 L3.44,11.2220121 C3.528,11.4740121 3.78,11.6380121 4.04,11.6340121 C5.46,11.6780121 7.264,12.0900121 8.972,12.7060121 C10.296,13.1740121 11.564,13.7580121 12.544,14.3780121 L0.36,14.3780121 C0.16,14.3780121 0,14.5420121 0,14.7420121 C0,14.9500121 0.16,15.1100121 0.36,15.1100121 L13.74,15.1100121 C13.908,15.1140121 14.08,15.0540121 14.208,14.9340121 L14.212,14.9260121 L15.124,14.0140121 C15.344,13.7900121 15.364,13.4340121 15.176,13.1940121" id="Fill-1" fill="#7D32EA" mask="url(#mask-2)"></path>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/themes/hugo-blog-jeffprod/static/img/icon-author.svg b/themes/hugo-blog-jeffprod/static/img/icon-author.svg
new file mode 100644
index 0000000000000000000000000000000000000000..a49f3da837b4d4588692286a9157d1cc5002753d
--- /dev/null
+++ b/themes/hugo-blog-jeffprod/static/img/icon-author.svg
@@ -0,0 +1,24 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>icon_author</title>
+    <defs>
+        <polygon id="path-1" points="0 0 16 0 16 16 0 16"></polygon>
+    </defs>
+    <g id="-" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="Blogs_zh_3" transform="translate(-556.000000, -380.000000)">
+            <g id="post" transform="translate(400.000000, 320.000000)">
+                <g id="info" transform="translate(0.000000, 52.000000)">
+                    <g id="author" transform="translate(156.000000, 0.000000)">
+                        <g id="icon_author" transform="translate(0.000000, 8.000000)">
+                            <mask id="mask-2" fill="white">
+                                <use xlink:href="#path-1"></use>
+                            </mask>
+                            <g id="Clip-2"></g>
+                            <path d="M1.24,5.1380121 L1.24,5.1380121 L5.34,1.0420121 C5.58,0.806012097 5.58,0.418012097 5.344,0.190012097 C5.104,-0.0619879027 4.72,-0.0619879027 4.48,0.182012097 L0.376,4.2860121 C0.14,4.5140121 0.14,4.9100121 0.372,5.1380121 C0.616,5.3820121 0.996,5.3820121 1.24,5.1380121 M7.612,8.6540121 L7.612,8.6540121 L7.592,8.6380121 C7.52,8.5580121 7.464,8.4660121 7.42,8.3700121 L7.42,8.3620121 C7.376,8.2660121 7.356,8.1460121 7.356,8.0340121 C7.356,7.9140121 7.376,7.7980121 7.42,7.7020121 C7.464,7.5900121 7.532,7.4940121 7.612,7.4140121 C7.696,7.3300121 7.792,7.2660121 7.896,7.2180121 C8,7.1860121 8.112,7.1580121 8.236,7.1580121 C8.348,7.1580121 8.464,7.1860121 8.564,7.2180121 L8.58,7.2260121 C8.68,7.2660121 8.768,7.3300121 8.848,7.4140121 C8.936,7.4940121 8.996,7.5900121 9.04,7.7020121 C9.08,7.7980121 9.108,7.9140121 9.108,8.0340121 C9.108,8.1460121 9.08,8.2660121 9.04,8.3620121 L9.04,8.3820121 C8.992,8.4820121 8.936,8.5620121 8.86,8.6420121 L8.86,8.6460121 L8.848,8.6540121 L8.84,8.6580121 C8.764,8.7380121 8.668,8.8060121 8.568,8.8500121 L8.564,8.8500121 C8.464,8.8820121 8.348,8.9100121 8.236,8.9100121 C8.112,8.9100121 8,8.8820121 7.896,8.8500121 L7.896,8.8420121 C7.792,8.8060121 7.696,8.7300121 7.612,8.6540121 M9.716,7.4180121 L9.716,7.4180121 C9.636,7.2180121 9.516,7.0460121 9.372,6.8940121 C9.228,6.7540121 9.048,6.6380121 8.868,6.5540121 L8.848,6.5420121 C8.656,6.4660121 8.452,6.4300121 8.236,6.4300121 C8.016,6.4300121 7.812,6.4660121 7.62,6.5420121 C7.42,6.6300121 7.24,6.7460121 7.088,6.8940121 C6.952,7.0460121 6.824,7.2180121 6.744,7.4180121 C6.664,7.6140121 6.624,7.8140121 6.624,8.0340121 C6.624,8.2500121 6.664,8.4580121 6.744,8.6420121 C6.824,8.8300121 6.94,9.0020121 7.072,9.1500121 L7.088,9.1700121 C7.24,9.3140121 7.416,9.4380121 7.62,9.5260121 C7.812,9.5980121 8.016,9.6460121 8.236,9.6460121 C8.452,9.6460121 8.656,9.5980121 8.848,9.5260121 C8.928,9.4860121 9,9.4460121 9.076,9.3940121 L12.776,13.0940121 C11.788,12.5220121 10.608,11.9940121 9.38,11.5540121 C7.716,10.9540121 5.944,10.5340121 4.456,10.4340121 L3.032,6.3940121 L4.816,4.6180121 L4.816,4.6100121 L6.596,2.8380121 L10.636,4.2540121 C10.74,5.7460121 11.156,7.5140121 11.752,9.1740121 C12.188,10.4020121 12.72,11.5860121 13.296,12.5780121 L9.596,8.8740121 C9.64,8.8140121 9.672,8.7380121 9.708,8.6620121 L9.716,8.6420121 C9.804,8.4580121 9.836,8.2500121 9.836,8.0340121 C9.836,7.8140121 9.804,7.6060121 9.716,7.4180121 M15.176,13.1940121 L15.168,13.1900121 C14.344,12.1580121 13.52,10.5220121 12.9,8.7700121 C12.284,7.0540121 11.868,5.2340121 11.828,3.8060121 C11.824,3.5460121 11.656,3.3260121 11.416,3.2460121 L6.64,1.5580121 C6.408,1.4780121 6.16,1.5460121 6,1.7060121 L3.96,3.7500121 L1.904,5.8060121 C1.728,5.9700121 1.68,6.2260121 1.76,6.4420121 L3.44,11.2220121 C3.528,11.4740121 3.78,11.6380121 4.04,11.6340121 C5.46,11.6780121 7.264,12.0900121 8.972,12.7060121 C10.296,13.1740121 11.564,13.7580121 12.544,14.3780121 L0.36,14.3780121 C0.16,14.3780121 0,14.5420121 0,14.7420121 C0,14.9500121 0.16,15.1100121 0.36,15.1100121 L13.74,15.1100121 C13.908,15.1140121 14.08,15.0540121 14.208,14.9340121 L14.212,14.9260121 L15.124,14.0140121 C15.344,13.7900121 15.364,13.4340121 15.176,13.1940121" id="Fill-1" fill="#1D1D1B" mask="url(#mask-2)"></path>
+                        </g>
+                    </g>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/themes/hugo-blog-jeffprod/static/img/icon-date.svg b/themes/hugo-blog-jeffprod/static/img/icon-date.svg
new file mode 100644
index 0000000000000000000000000000000000000000..4e5508161cf52e964ae157d7b30aa349b7924ca5
--- /dev/null
+++ b/themes/hugo-blog-jeffprod/static/img/icon-date.svg
@@ -0,0 +1,13 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>icon_date</title>
+    <g id="-" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="Blogs_zh_3" transform="translate(-400.000000, -380.000000)" fill="#1D1D1B">
+            <g id="post" transform="translate(400.000000, 320.000000)">
+                <g id="date" transform="translate(0.000000, 52.000000)">
+                    <path d="M12.0443548,17.6048387 L12.0443548,17.6048387 L12.0443548,17.6008065 C12.0967742,17.5483871 12.1733871,17.5120968 12.2620968,17.5120968 C12.3508065,17.5120968 12.4274194,17.5483871 12.4798387,17.6008065 L12.4798387,17.6048387 C12.5443548,17.6612903 12.5685484,17.733871 12.5685484,17.8225806 C12.5685484,17.9072581 12.5443548,17.983871 12.4798387,18.0403226 C12.4274194,18.1008065 12.3508065,18.1330645 12.2620968,18.1330645 C12.1733871,18.1330645 12.0967742,18.1008065 12.0443548,18.0403226 C11.9919355,17.983871 11.9516129,17.9072581 11.9516129,17.8225806 C11.9516129,17.733871 11.9919355,17.6612903 12.0443548,17.6048387 L12.0443548,17.6048387 Z M11.5241935,18.5645161 L11.5241935,18.5645161 C11.7096774,18.7540323 11.9758065,18.8709677 12.2620968,18.8709677 C12.5483871,18.8709677 12.8104839,18.7540323 13,18.5645161 L13,18.5604839 C13.1975806,18.3669355 13.3104839,18.108871 13.3104839,17.8225806 C13.3104839,17.5282258 13.1975806,17.2701613 13,17.0806452 C12.8104839,16.891129 12.5483871,16.7741935 12.2620968,16.7741935 C11.9758065,16.7741935 11.7096774,16.891129 11.5241935,17.0806452 C11.3346774,17.2701613 11.2137097,17.5282258 11.2137097,17.8225806 C11.2137097,18.108871 11.3346774,18.3669355 11.5241935,18.5604839 L11.5241935,18.5645161 Z M9.20564516,17.6048387 L9.20564516,17.6048387 L9.20564516,17.6008065 C9.25806452,17.5483871 9.33467742,17.5120968 9.4233871,17.5120968 C9.51209677,17.5120968 9.58870968,17.5483871 9.64112903,17.6008065 L9.64112903,17.6048387 C9.7016129,17.6612903 9.73790323,17.733871 9.73790323,17.8225806 C9.73790323,17.9072581 9.7016129,17.983871 9.64112903,18.0403226 C9.58870968,18.1008065 9.51209677,18.1330645 9.4233871,18.1330645 C9.33467742,18.1330645 9.25806452,18.1008065 9.20564516,18.0403226 C9.14112903,17.983871 9.11290323,17.9072581 9.11290323,17.8225806 C9.11290323,17.733871 9.14112903,17.6612903 9.20564516,17.6048387 L9.20564516,17.6048387 Z M8.68145161,18.5645161 L8.68145161,18.5645161 C8.87096774,18.7540323 9.13306452,18.8709677 9.4233871,18.8709677 C9.7016129,18.8709677 9.96774194,18.7540323 10.1612903,18.5645161 L10.1653226,18.5604839 C10.3508065,18.3669355 10.4717742,18.108871 10.4717742,17.8225806 C10.4717742,17.5282258 10.3508065,17.2701613 10.1653226,17.0806452 L10.1612903,17.0806452 C9.96774194,16.891129 9.7016129,16.7741935 9.4233871,16.7741935 C9.13306452,16.7741935 8.87096774,16.891129 8.68145161,17.0806452 C8.49193548,17.2701613 8.375,17.5282258 8.375,17.8225806 C8.375,18.108871 8.49193548,18.3669355 8.68145161,18.5604839 L8.68145161,18.5645161 Z M3.52419355,20.3951613 L3.52419355,20.3951613 C3.5766129,20.3346774 3.65725806,20.2983871 3.74193548,20.2983871 C3.83064516,20.2983871 3.90322581,20.3346774 3.96370968,20.3951613 C4.01209677,20.4435484 4.0483871,20.5241935 4.0483871,20.6169355 C4.0483871,20.7016129 4.01209677,20.7701613 3.96370968,20.8346774 C3.90322581,20.8830645 3.83064516,20.9193548 3.74193548,20.9193548 C3.65725806,20.9193548 3.5766129,20.8830645 3.52419355,20.8346774 C3.46774194,20.7701613 3.42741935,20.7016129 3.42741935,20.6169355 C3.42741935,20.5241935 3.46774194,20.4435484 3.52419355,20.3951613 L3.52419355,20.3951613 Z M3,21.3467742 L3,21.3467742 C3.19354839,21.5403226 3.4516129,21.6612903 3.74193548,21.6612903 C4.03225806,21.6612903 4.29032258,21.5403226 4.47580645,21.3467742 L4.48387097,21.3467742 C4.67741935,21.1612903 4.79032258,20.8951613 4.79032258,20.6169355 C4.79032258,20.3225806 4.67741935,20.0564516 4.48387097,19.8709677 L4.47580645,19.8709677 C4.29032258,19.6814516 4.03225806,19.5645161 3.74193548,19.5645161 C3.4516129,19.5645161 3.19354839,19.6814516 3,19.8709677 C2.81854839,20.0564516 2.69354839,20.3225806 2.69354839,20.6169355 C2.69354839,20.8951613 2.81854839,21.1612903 3,21.3467742 L3,21.3467742 Z M3.52419355,17.6048387 L3.52419355,17.6048387 L3.52419355,17.6008065 C3.5766129,17.5483871 3.65725806,17.5120968 3.74193548,17.5120968 C3.83064516,17.5120968 3.90322581,17.5483871 3.96370968,17.6008065 L3.96370968,17.6048387 C4.01209677,17.6612903 4.0483871,17.733871 4.0483871,17.8225806 C4.0483871,17.9072581 4.01209677,17.983871 3.96370968,18.0403226 C3.90322581,18.1008065 3.83064516,18.1330645 3.74193548,18.1330645 C3.65725806,18.1330645 3.5766129,18.1008065 3.52419355,18.0403226 C3.46774194,17.983871 3.42741935,17.9072581 3.42741935,17.8225806 C3.42741935,17.733871 3.46774194,17.6612903 3.52419355,17.6048387 L3.52419355,17.6048387 Z M3,18.5645161 L3,18.5645161 C3.19354839,18.7540323 3.4516129,18.8709677 3.74193548,18.8709677 C4.03225806,18.8709677 4.29032258,18.7540323 4.47580645,18.5645161 L4.48387097,18.5604839 C4.67741935,18.3669355 4.79032258,18.108871 4.79032258,17.8225806 C4.79032258,17.5282258 4.67741935,17.2701613 4.48387097,17.0806452 L4.47580645,17.0806452 C4.29032258,16.891129 4.03225806,16.7741935 3.74193548,16.7741935 C3.4516129,16.7741935 3.19354839,16.891129 3,17.0806452 C2.81854839,17.2701613 2.69354839,17.5282258 2.69354839,17.8225806 C2.69354839,18.108871 2.81854839,18.3669355 3,18.5604839 L3,18.5645161 Z M9.20564516,20.3951613 L9.20564516,20.3951613 C9.25806452,20.3346774 9.33467742,20.2983871 9.4233871,20.2983871 C9.51209677,20.2983871 9.58870968,20.3346774 9.64112903,20.3951613 C9.7016129,20.4435484 9.73790323,20.5241935 9.73790323,20.6169355 C9.73790323,20.7016129 9.7016129,20.7701613 9.64112903,20.8346774 C9.58870968,20.8830645 9.51209677,20.9193548 9.4233871,20.9193548 C9.33467742,20.9193548 9.25806452,20.8830645 9.20564516,20.8346774 C9.14112903,20.7701613 9.11290323,20.7016129 9.11290323,20.6169355 C9.11290323,20.5241935 9.14112903,20.4435484 9.20564516,20.3951613 L9.20564516,20.3951613 Z M8.68145161,21.3467742 L8.68145161,21.3467742 C8.87096774,21.5403226 9.13306452,21.6612903 9.4233871,21.6612903 C9.7016129,21.6612903 9.96774194,21.5403226 10.1612903,21.3467742 L10.1653226,21.3467742 C10.3508065,21.1612903 10.4717742,20.8951613 10.4717742,20.6169355 C10.4717742,20.3225806 10.3508065,20.0564516 10.1653226,19.8709677 L10.1612903,19.8709677 C9.96774194,19.6814516 9.7016129,19.5645161 9.4233871,19.5645161 C9.13306452,19.5645161 8.87096774,19.6814516 8.68145161,19.8709677 C8.49193548,20.0564516 8.375,20.3225806 8.375,20.6169355 C8.375,20.8951613 8.49193548,21.1612903 8.68145161,21.3467742 L8.68145161,21.3467742 Z M14.7741935,12.0766129 L14.7741935,12.0766129 L1.23387097,12.0766129 L1.23387097,9.22983871 L2.44354839,9.22983871 L2.44354839,10.1451613 C2.44354839,10.4879032 2.71370968,10.7580645 3.05645161,10.7580645 C3.40322581,10.7580645 3.6733871,10.4879032 3.6733871,10.1451613 L3.6733871,9.22983871 L5.73790323,9.22983871 L5.73790323,10.1451613 C5.73790323,10.4879032 6.01612903,10.7580645 6.35483871,10.7580645 C6.69758065,10.7580645 6.96774194,10.4879032 6.96774194,10.1451613 L6.96774194,9.22983871 L9.03225806,9.22983871 L9.03225806,10.1451613 C9.03225806,10.4879032 9.31048387,10.7580645 9.64919355,10.7580645 C9.98790323,10.7580645 10.2620968,10.4879032 10.2620968,10.1451613 L10.2620968,9.22983871 L12.3306452,9.22983871 L12.3306452,10.1451613 C12.3306452,10.4879032 12.6048387,10.7580645 12.9435484,10.7580645 C13.2862903,10.7580645 13.5645161,10.4879032 13.5645161,10.1451613 L13.5645161,9.22983871 L14.7741935,9.22983871 L14.7741935,12.0766129 Z M14.7741935,22.7701613 L14.7741935,22.7701613 L1.23387097,22.7701613 L1.23387097,12.8185484 L14.7741935,12.8185484 L14.7741935,22.7701613 Z M15.391129,8 L15.391129,8 L0.616935484,8 C0.274193548,8 0,8.27419355 0,8.61290323 L0,23.3830645 C0,23.7258065 0.274193548,24 0.616935484,24 L15.391129,24 C15.7258065,24 16,23.7258065 16,23.3830645 L16,8.61290323 C16,8.27419355 15.7258065,8 15.391129,8 L15.391129,8 Z M6.36290323,20.3951613 L6.36290323,20.3951613 C6.41532258,20.3346774 6.49193548,20.2983871 6.58467742,20.2983871 C6.66935484,20.2983871 6.75,20.3346774 6.80241935,20.3951613 C6.85483871,20.4435484 6.88709677,20.5241935 6.88709677,20.6169355 C6.88709677,20.7016129 6.85483871,20.7701613 6.80241935,20.8346774 C6.75,20.8830645 6.66935484,20.9193548 6.58467742,20.9193548 C6.49193548,20.9193548 6.41532258,20.8830645 6.36290323,20.8346774 C6.30645161,20.7701613 6.27822581,20.7016129 6.27822581,20.6169355 C6.27822581,20.5241935 6.30645161,20.4435484 6.36290323,20.3951613 L6.36290323,20.3951613 Z M5.83870968,21.3467742 L5.83870968,21.3467742 C6.03225806,21.5403226 6.29435484,21.6612903 6.58467742,21.6612903 C6.87096774,21.6612903 7.12903226,21.5403226 7.31854839,21.3467742 L7.3266129,21.3467742 C7.50806452,21.1612903 7.63306452,20.8951613 7.63306452,20.6169355 C7.63306452,20.3225806 7.50806452,20.0564516 7.3266129,19.8709677 L7.31854839,19.8709677 C7.12903226,19.6814516 6.87096774,19.5645161 6.58467742,19.5645161 C6.29435484,19.5645161 6.03225806,19.6814516 5.83870968,19.8709677 C5.65322581,20.0564516 5.53629032,20.3225806 5.53629032,20.6169355 C5.53629032,20.8951613 5.65322581,21.1612903 5.83870968,21.3467742 L5.83870968,21.3467742 Z M9.20564516,14.8145161 L9.20564516,14.8145161 C9.25806452,14.7580645 9.33467742,14.7258065 9.4233871,14.7258065 C9.51209677,14.7258065 9.58870968,14.7580645 9.64112903,14.8145161 C9.7016129,14.8709677 9.73790323,14.9516129 9.73790323,15.0322581 C9.73790323,15.1169355 9.7016129,15.1975806 9.64112903,15.2580645 C9.58870968,15.3064516 9.51209677,15.3387097 9.4233871,15.3387097 C9.33467742,15.3387097 9.25806452,15.3064516 9.20564516,15.2580645 C9.14112903,15.1975806 9.11290323,15.1169355 9.11290323,15.0322581 C9.11290323,14.9516129 9.14112903,14.8709677 9.20564516,14.8145161 L9.20564516,14.8145161 Z M8.68145161,15.7741935 L8.68145161,15.7741935 C8.87096774,15.9677419 9.13306452,16.0806452 9.4233871,16.0806452 C9.70967742,16.0806452 9.97177419,15.9677419 10.1653226,15.7741935 C10.3508065,15.5887097 10.4717742,15.3266129 10.4717742,15.0322581 C10.4717742,14.75 10.3508065,14.4879032 10.1653226,14.2903226 L10.1612903,14.2903226 C9.96774194,14.1048387 9.7016129,13.9919355 9.4233871,13.9919355 C9.13306452,13.9919355 8.87096774,14.1048387 8.68145161,14.2903226 C8.49193548,14.4879032 8.375,14.75 8.375,15.0322581 C8.375,15.3185484 8.49193548,15.5806452 8.68145161,15.7741935 L8.68145161,15.7741935 Z M12.0443548,14.8145161 L12.0443548,14.8145161 C12.0967742,14.7580645 12.1733871,14.7258065 12.2620968,14.7258065 C12.3508065,14.7258065 12.4274194,14.7580645 12.4798387,14.8145161 C12.5443548,14.8709677 12.5685484,14.9516129 12.5685484,15.0322581 C12.5685484,15.1169355 12.5443548,15.1975806 12.4798387,15.2580645 C12.4274194,15.3064516 12.3508065,15.3387097 12.2620968,15.3387097 C12.1733871,15.3387097 12.0967742,15.3064516 12.0443548,15.2580645 C11.9919355,15.1975806 11.9516129,15.1169355 11.9516129,15.0322581 C11.9516129,14.9516129 11.9919355,14.8709677 12.0443548,14.8145161 L12.0443548,14.8145161 Z M11.5241935,15.7741935 L11.5241935,15.7741935 C11.7096774,15.9677419 11.9717742,16.0806452 12.2620968,16.0806452 C12.5604839,16.0806452 12.8104839,15.9677419 13,15.7741935 C13.1975806,15.5887097 13.3104839,15.3266129 13.3104839,15.0322581 C13.3104839,14.75 13.1975806,14.4879032 13,14.2903226 C12.8104839,14.1048387 12.5483871,13.9919355 12.2620968,13.9919355 C11.9758065,13.9919355 11.7096774,14.1048387 11.5241935,14.2903226 C11.3346774,14.4879032 11.2137097,14.75 11.2137097,15.0322581 C11.2137097,15.3185484 11.3346774,15.5806452 11.5201613,15.7741935 L11.5241935,15.7741935 Z M6.36290323,17.6048387 L6.36290323,17.6048387 L6.36290323,17.6008065 C6.41532258,17.5483871 6.49193548,17.5120968 6.58467742,17.5120968 C6.66935484,17.5120968 6.75,17.5483871 6.80241935,17.6008065 L6.80241935,17.6048387 C6.85483871,17.6612903 6.88709677,17.733871 6.88709677,17.8225806 C6.88709677,17.9072581 6.85483871,17.983871 6.80241935,18.0403226 C6.75,18.1008065 6.66935484,18.1330645 6.58467742,18.1330645 C6.49193548,18.1330645 6.41532258,18.1008065 6.36290323,18.0403226 C6.30645161,17.983871 6.27822581,17.9072581 6.27822581,17.8225806 C6.27822581,17.733871 6.30645161,17.6612903 6.36290323,17.6048387 L6.36290323,17.6048387 Z M5.83870968,18.5645161 L5.83870968,18.5645161 C6.03225806,18.7540323 6.29435484,18.8709677 6.58467742,18.8709677 C6.87096774,18.8709677 7.12903226,18.7540323 7.31854839,18.5645161 L7.3266129,18.5604839 C7.50806452,18.3669355 7.63306452,18.108871 7.63306452,17.8225806 C7.63306452,17.5282258 7.50806452,17.2701613 7.3266129,17.0806452 L7.31854839,17.0806452 C7.12903226,16.891129 6.87096774,16.7741935 6.58467742,16.7741935 C6.29435484,16.7741935 6.03225806,16.891129 5.83870968,17.0806452 C5.65322581,17.2701613 5.53629032,17.5282258 5.53629032,17.8225806 C5.53629032,18.108871 5.65322581,18.3669355 5.83870968,18.5604839 L5.83870968,18.5645161 Z M6.36290323,14.8145161 L6.36290323,14.8145161 C6.41532258,14.7580645 6.49193548,14.7258065 6.58467742,14.7258065 C6.66935484,14.7258065 6.75,14.7580645 6.80241935,14.8145161 C6.85483871,14.8709677 6.88709677,14.9516129 6.88709677,15.0322581 C6.88709677,15.1169355 6.85483871,15.1975806 6.80241935,15.2580645 C6.75,15.3064516 6.66935484,15.3387097 6.58467742,15.3387097 C6.49193548,15.3387097 6.41532258,15.3064516 6.36290323,15.2580645 C6.30645161,15.1975806 6.27822581,15.1169355 6.27822581,15.0322581 C6.27822581,14.9516129 6.30645161,14.8709677 6.36290323,14.8145161 L6.36290323,14.8145161 Z M5.83870968,15.7741935 C6.03225806,15.9677419 6.29435484,16.0806452 6.58467742,16.0806452 C6.87096774,16.0806452 7.12903226,15.9677419 7.3266129,15.7741935 C7.51612903,15.5887097 7.63306452,15.3266129 7.63306452,15.0322581 C7.63306452,14.75 7.50806452,14.4879032 7.3266129,14.2903226 L7.31854839,14.2903226 C7.12903226,14.1048387 6.87096774,13.9919355 6.58467742,13.9919355 C6.29435484,13.9919355 6.03225806,14.1048387 5.83870968,14.2903226 C5.65322581,14.4879032 5.53629032,14.75 5.53629032,15.0322581 C5.53629032,15.3185484 5.65322581,15.5806452 5.83870968,15.7741935 L5.83870968,15.7741935 Z" id="icon_date"></path>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/themes/hugo-blog-jeffprod/static/img/icon-tag-blue.svg b/themes/hugo-blog-jeffprod/static/img/icon-tag-blue.svg
new file mode 100644
index 0000000000000000000000000000000000000000..2f2beafad26fff2c2a24a3c8c3f0d4bd67c7b6d5
--- /dev/null
+++ b/themes/hugo-blog-jeffprod/static/img/icon-tag-blue.svg
@@ -0,0 +1,22 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>icon_tag</title>
+    <defs>
+        <polygon id="path-1" points="0 0 16 0 16 16 0 16"></polygon>
+    </defs>
+    <g id="Mobile" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="Blogs_zh_mo2" transform="translate(-53.000000, -416.000000)">
+            <g id="topbar" transform="translate(0.000000, 400.000000)">
+                <g id="编组-3" transform="translate(37.000000, 12.000000)">
+                    <g id="icon_tag" transform="translate(16.000000, 4.000000)">
+                        <mask id="mask-2" fill="white">
+                            <use xlink:href="#path-1"></use>
+                        </mask>
+                        <g id="Clip-2"></g>
+                        <path d="M12.039,2.74 L12.039,2.74 C12.647,2.74 13.131,3.24 13.131,3.84 C13.131,4.448 12.639,4.932 12.039,4.932 C11.435,4.932 10.939,4.448 10.939,3.84 C10.939,3.24 11.435,2.74 12.039,2.74 L12.039,2.74 Z M12.039,5.668 L12.039,5.668 C13.039,5.668 13.859,4.856 13.859,3.84 C13.859,2.84 13.039,2.012 12.039,2.012 C11.027,2.012 10.207,2.836 10.207,3.84 C10.207,4.844 11.031,5.668 12.039,5.668 L12.039,5.668 Z M14.659,7.34 L14.659,7.34 L7.599,14.4 L1.475,8.28 L8.535,1.224 L14.659,1.224 L14.659,7.34 Z M15.271,0 L8.279,0 C8.123,0 7.951,0.08 7.839,0.192 L0.191,7.832 L0.183,7.844 C-0.061,8.088 -0.061,8.468 0.183,8.712 L7.167,15.692 C7.403,15.932 7.791,15.932 8.031,15.692 L15.691,8.04 C15.811,7.924 15.879,7.768 15.879,7.596 L15.879,0.612 C15.879,0.28 15.603,0 15.271,0 L15.271,0 Z" id="Fill-1" fill="#7D32EA" mask="url(#mask-2)"></path>
+                    </g>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/themes/hugo-blog-jeffprod/static/img/icon-tag-gray.svg b/themes/hugo-blog-jeffprod/static/img/icon-tag-gray.svg
new file mode 100644
index 0000000000000000000000000000000000000000..8527161124db8654e25ea78c6ba194b8a0f6a36b
--- /dev/null
+++ b/themes/hugo-blog-jeffprod/static/img/icon-tag-gray.svg
@@ -0,0 +1,22 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>icon_tag</title>
+    <defs>
+        <polygon id="path-1" points="0 0 16 0 16 16 0 16"></polygon>
+    </defs>
+    <g id="Mobile" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="Blogs_en_mo" transform="translate(-52.000000, -416.000000)">
+            <g id="topbar" transform="translate(0.000000, 400.000000)">
+                <g id="编组-3" transform="translate(37.000000, 12.000000)">
+                    <g id="icon_tag" transform="translate(15.000000, 4.000000)">
+                        <mask id="mask-2" fill="white">
+                            <use xlink:href="#path-1"></use>
+                        </mask>
+                        <g id="Clip-2"></g>
+                        <path d="M12.039,2.74 L12.039,2.74 C12.647,2.74 13.131,3.24 13.131,3.84 C13.131,4.448 12.639,4.932 12.039,4.932 C11.435,4.932 10.939,4.448 10.939,3.84 C10.939,3.24 11.435,2.74 12.039,2.74 L12.039,2.74 Z M12.039,5.668 L12.039,5.668 C13.039,5.668 13.859,4.856 13.859,3.84 C13.859,2.84 13.039,2.012 12.039,2.012 C11.027,2.012 10.207,2.836 10.207,3.84 C10.207,4.844 11.031,5.668 12.039,5.668 L12.039,5.668 Z M14.659,7.34 L14.659,7.34 L7.599,14.4 L1.475,8.28 L8.535,1.224 L14.659,1.224 L14.659,7.34 Z M15.271,0 L8.279,0 C8.123,0 7.951,0.08 7.839,0.192 L0.191,7.832 L0.183,7.844 C-0.061,8.088 -0.061,8.468 0.183,8.712 L7.167,15.692 C7.403,15.932 7.791,15.932 8.031,15.692 L15.691,8.04 C15.811,7.924 15.879,7.768 15.879,7.596 L15.879,0.612 C15.879,0.28 15.603,0 15.271,0 L15.271,0 Z" id="Fill-1" fill="#DFDFDF" mask="url(#mask-2)"></path>
+                    </g>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/themes/hugo-blog-jeffprod/static/img/icon-tag.svg b/themes/hugo-blog-jeffprod/static/img/icon-tag.svg
new file mode 100644
index 0000000000000000000000000000000000000000..e65d65dd9448f0d62d14a01b7a2d045b50d43579
--- /dev/null
+++ b/themes/hugo-blog-jeffprod/static/img/icon-tag.svg
@@ -0,0 +1,24 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>icon_tag</title>
+    <defs>
+        <polygon id="path-1" points="0 0 16 0 16 16 0 16"></polygon>
+    </defs>
+    <g id="-" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="Blogs_zh_3" transform="translate(-400.000000, -422.000000)">
+            <g id="post" transform="translate(400.000000, 320.000000)">
+                <g id="info" transform="translate(0.000000, 52.000000)">
+                    <g id="tags" transform="translate(0.000000, 42.000000)">
+                        <g id="icon_tag" transform="translate(0.000000, 8.000000)">
+                            <mask id="mask-2" fill="white">
+                                <use xlink:href="#path-1"></use>
+                            </mask>
+                            <g id="Clip-2"></g>
+                            <path d="M12.039,2.74 L12.039,2.74 C12.647,2.74 13.131,3.24 13.131,3.84 C13.131,4.448 12.639,4.932 12.039,4.932 C11.435,4.932 10.939,4.448 10.939,3.84 C10.939,3.24 11.435,2.74 12.039,2.74 L12.039,2.74 Z M12.039,5.668 L12.039,5.668 C13.039,5.668 13.859,4.856 13.859,3.84 C13.859,2.84 13.039,2.012 12.039,2.012 C11.027,2.012 10.207,2.836 10.207,3.84 C10.207,4.844 11.031,5.668 12.039,5.668 L12.039,5.668 Z M14.659,7.34 L14.659,7.34 L7.599,14.4 L1.475,8.28 L8.535,1.224 L14.659,1.224 L14.659,7.34 Z M15.271,0 L8.279,0 C8.123,0 7.951,0.08 7.839,0.192 L0.191,7.832 L0.183,7.844 C-0.061,8.088 -0.061,8.468 0.183,8.712 L7.167,15.692 C7.403,15.932 7.791,15.932 8.031,15.692 L15.691,8.04 C15.811,7.924 15.879,7.768 15.879,7.596 L15.879,0.612 C15.879,0.28 15.603,0 15.271,0 L15.271,0 Z" id="Fill-1" fill="#1D1D1B" mask="url(#mask-2)"></path>
+                        </g>
+                    </g>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/themes/hugo-blog-jeffprod/static/img/icon-view.svg b/themes/hugo-blog-jeffprod/static/img/icon-view.svg
new file mode 100644
index 0000000000000000000000000000000000000000..17caa9f63a73e742edc3459f6ee412d45928d69c
--- /dev/null
+++ b/themes/hugo-blog-jeffprod/static/img/icon-view.svg
@@ -0,0 +1,24 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>icon_view</title>
+    <defs>
+        <polygon id="path-1" points="0 0 16 0 16 16 0 16"></polygon>
+    </defs>
+    <g id="-" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="Blogs_zh_3" transform="translate(-647.000000, -380.000000)">
+            <g id="post" transform="translate(400.000000, 320.000000)">
+                <g id="info" transform="translate(0.000000, 52.000000)">
+                    <g id="view" transform="translate(247.000000, 0.000000)">
+                        <g id="icon_view" transform="translate(0.000000, 8.000000)">
+                            <mask id="mask-2" fill="white">
+                                <use xlink:href="#path-1"></use>
+                            </mask>
+                            <g id="Clip-2"></g>
+                            <path d="M7.9424,4.0632 L7.9424,4.0632 C5.2064,4.0632 2.6544,5.5392 1.3024,7.9232 C2.6544,10.2992 5.2064,11.7792 7.9424,11.7792 C10.6784,11.7792 13.2264,10.2992 14.5824,7.9232 C13.2264,5.5392 10.6784,4.0632 7.9424,4.0632 M6.9024,7.4872 L6.9024,7.4872 C6.8304,7.6592 6.6104,7.7512 6.4304,7.6672 C6.2384,7.6032 6.1544,7.3832 6.2304,7.1952 C6.4224,6.7592 6.7744,6.3952 7.2144,6.2032 C7.4064,6.1352 7.6184,6.2112 7.6944,6.3992 C7.7744,6.5912 7.6944,6.8032 7.5064,6.8832 C7.2304,6.9952 7.0224,7.2152 6.9024,7.4872 M9.0664,7.9232 L9.0664,7.9232 C9.0664,7.7152 9.2304,7.5512 9.4304,7.5512 C9.6384,7.5512 9.7944,7.7152 9.7944,7.9232 C9.7944,8.9432 8.9264,9.7752 7.9424,9.7752 C7.7384,9.7752 7.5744,9.6072 7.5744,9.4072 C7.5744,9.2032 7.7384,9.0392 7.9424,9.0392 C8.4544,9.0392 8.9184,8.6872 9.0384,8.1592 L9.0384,8.1432 C9.0584,8.0712 9.0664,7.9992 9.0664,7.9232 M7.9424,5.5472 L7.9424,5.5472 C6.6384,5.5472 5.5664,6.6072 5.5664,7.9232 C5.5664,9.2192 6.6304,10.2992 7.9424,10.2992 C9.2464,10.2992 10.3144,9.2192 10.3144,7.9232 C10.3144,6.6072 9.2464,5.5472 7.9424,5.5472 M7.9424,4.3232 L7.9424,4.3232 C9.9184,4.3232 11.5344,5.9472 11.5344,7.9232 C11.5344,9.8992 9.9184,11.5072 7.9424,11.5072 C5.9624,11.5072 4.3504,9.8992 4.3504,7.9232 C4.3504,5.9472 5.9624,4.3232 7.9424,4.3232 M7.9424,2.8352 C11.2424,2.8352 14.2984,4.7072 15.8184,7.6392 C15.9144,7.8192 15.9024,8.0272 15.8184,8.1872 L15.8184,8.1992 C14.2984,11.1312 11.2424,12.9992 7.9424,12.9992 C4.6464,12.9992 1.5784,11.1312 0.0704,8.1872 C-0.0256,8.0152 -0.0176,7.8112 0.0704,7.6392 C1.5784,4.7072 4.6464,2.8352 7.9424,2.8352" id="Fill-1" fill="#1D1D1B" mask="url(#mask-2)"></path>
+                        </g>
+                    </g>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/themes/hugo-blog-jeffprod/static/js/blog.js b/themes/hugo-blog-jeffprod/static/js/blog.js
new file mode 100644
index 0000000000000000000000000000000000000000..a5abed52ad9b0c9e269e7ca2fcfea2194e0e7f51
--- /dev/null
+++ b/themes/hugo-blog-jeffprod/static/js/blog.js
@@ -0,0 +1,38 @@
+$(function () {
+    var lang = $('html').attr('lang') === 'zh-cn' ? '/zh/' : '/en/';
+    var query = new AV.Query('Counter');
+    query.startsWith('url', lang);
+    query.descending('time');
+    query.limit(5);
+    query.find().then(function (data){
+        var cloneDom = null;
+        data.forEach(function (item) {
+            cloneDom = $('.clone-dom').clone().removeClass('hide').removeClass('clone-dom');
+            cloneDom.find('a').attr('href', item.attributes.url).text(item.attributes.title);
+            cloneDom.find('.name').text(item.attributes.author);
+            cloneDom.find('.count').text(item.attributes.time);
+            $('.top-content').append(cloneDom);
+        });
+    })
+     $(".mask").on('touchmove',function(e){
+        e.preventDefault();  //阻止默认行为
+    })
+    $('.h5-tag .h5-tag-header .filter').click(function () {
+        if($(this).hasClass('gray')){
+            return;
+        }
+        $(this).toggleClass('blue');
+        $('.mask').toggleClass('hide');
+        $('.h5-tag-content').toggleClass('hide');
+        if($(this).hasClass('blue')){
+            scrollTo(0, 342);
+            parent.postMessage(NaN,iUrl);
+            $(this).find('img').attr('src', '/img/icon-tag-blue.svg');
+        }else{
+            $(this).find('img').attr('src', '/img/icon-tag.svg');
+        }
+    });
+    $('.mask').click(function () {
+        $('.h5-tag .h5-tag-header .filter').trigger('click');
+    })
+})
\ No newline at end of file
diff --git a/themes/hugo-blog-jeffprod/static/js/flexible.js b/themes/hugo-blog-jeffprod/static/js/flexible.js
index 895635b48c1e9b5d25d0dbe166e7f1bf9fccb9c1..3a9352ffe25082de585e1fd83b362e2157f88e07 100644
--- a/themes/hugo-blog-jeffprod/static/js/flexible.js
+++ b/themes/hugo-blog-jeffprod/static/js/flexible.js
@@ -4,6 +4,54 @@
  */
 !function (window) {
 
+    var pageurl = window.location.href;
+    var langss = document.querySelector("html").lang === "zh-cn" ? "zh" : "en";
+
+
+
+    var url = document.getElementById("iframeUrl").value;
+    var domLoadFlag = 1;
+
+    function observe(el, options, callback) {
+        var MutationObserver = window.MutationObserver || window.WebKitMutationObserver || window.MozMutationObserver
+        var observer = new MutationObserver(callback)
+        observer.observe(el, options)
+    }
+
+    var options = {
+        childList: true,
+        subtree: true,
+        characterData: true
+    }
+    observe(document.body, options, (records, instance) => {
+        setTimeout(function () {
+            var height = $("body").height();
+            domLoadFlag && parent.postMessage(height, url);
+        }, 500)
+        setTimeout(function () {
+            domLoadFlag = 0;
+        }, 7000)
+    })
+    if (pageurl.split(langss + "/")[1]) parent.postMessage(pageurl.split(langss + "/")[1], url);
+
+
+    if (document.querySelector("#notFound")) parent.postMessage("我404了", url);
+
+    if (langss=== "zh") {
+        $('h1,h2,h3,h4,h5,div,p,a,li,span').each(function () {
+            if (!$(this).attr('style')) {
+                $(this).attr("style", "font-family:FZLTHJW !important");
+            }
+        })
+    } else {
+        $('h1,h2,h3,h4,h5,div,p,a,li,span').each(function () {
+            if (!$(this).attr('style')) {
+                $(this).attr("style", "font-family:Roboto-Regular !important");
+            }
+        })
+    }
+
+
     /* 设计图文档宽度 */
     var docWidth = 750;
 
@@ -11,7 +59,7 @@
         docEl = doc.documentElement,
         resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize';
 
-    var recalc = (function refreshRem () {
+    var recalc = (function refreshRem() {
         var clientWidth = docEl.getBoundingClientRect().width;
 
         /* 8.55：小于320px不再缩小，11.2：大于420px不再放大 */
diff --git a/themes/hugo-blog-jeffprod/static/js/pagination-fn.js b/themes/hugo-blog-jeffprod/static/js/pagination-fn.js
new file mode 100644
index 0000000000000000000000000000000000000000..da06d080261753ebe330d8eee7708f25b46d84c5
--- /dev/null
+++ b/themes/hugo-blog-jeffprod/static/js/pagination-fn.js
@@ -0,0 +1,18 @@
+$(function () {
+    new Pagination({
+        element: '#pagination',
+        type: 2,
+        pageIndex: curPage,
+        pageSize: 5,
+        pageCount: 1,
+        total: total,
+        jumper: true,
+        singlePageHide: false,
+        prevText: '<',
+        nextText: '>',
+        disabled: true,
+        currentChange: function(index) {
+            window.location.href = '/' + lang + '/page/' + index + '/';
+        }
+    });
+})
\ No newline at end of file
diff --git a/themes/hugo-blog-jeffprod/static/js/pagination.js b/themes/hugo-blog-jeffprod/static/js/pagination.js
new file mode 100644
index 0000000000000000000000000000000000000000..284af95cd829ba5f72895b5bfc347eacd341e168
--- /dev/null
+++ b/themes/hugo-blog-jeffprod/static/js/pagination.js
@@ -0,0 +1,304 @@
+"use strict";
+/**
+ * @author xzx
+ * @time 2020-09-11
+ */
+var isZh = $('html').attr('lang') === 'zh-cn';
+var __spreadArrays = (this && this.__spreadArrays) || function () {
+    for (var s = 0, i = 0, il = arguments.length; i < il; i++) s += arguments[i].length;
+    for (var r = Array(s), k = 0, i = 0; i < il; i++)
+        for (var a = arguments[i], j = 0, jl = a.length; j < jl; j++, k++)
+            r[k] = a[j];
+    return r;
+};
+var Pagination = /** @class */ (function () {
+    function Pagination(options) {
+        this.options = {
+            // 容器
+            element: '',
+            // 样式类型
+            type: 1,
+            // 当前页
+            pageIndex: 1,
+            // 每页显示数量
+            pageSize: 0,
+            // 按钮数量
+            pageCount: 9,
+            // 总条数
+            total: 0,
+            // 上一页文字
+            prevText: '',
+            // 下一页文字
+            nextText: '',
+            // 输入框跳转
+            jumper: false,
+            // 单页隐藏
+            singlePageHide: true,
+            // 是否禁用
+            disabled: false,
+            /**
+             * @description 按钮事件回调
+             * @param index [number] 当前页码
+             */
+            currentChange: function (index) { },
+        };
+        this.element = null;
+        this.lis = [];
+        this.home = null;
+        this.last = null;
+        this.prev = null;
+        this.next = null;
+        this.input = null;
+        this.pageNum = 0;
+        if (this.validate(options)) {
+            this.init(options);
+        }
+    }
+    Pagination.prototype.init = function (options) {
+        this.setOptions(options);
+        this.render();
+    };
+    Pagination.prototype.render = function () {
+        var _this_1 = this;
+        var _a;
+        var _this = this, li, active;
+        // 总页数
+        this.pageNum = Math.ceil(this.options.total / this.options.pageSize);
+        // 清空元素
+        this.element.innerHTML = '';
+        // 单页隐藏
+        if (this.pageNum === 1 && this.options.singlePageHide)
+            return;
+        // 最大页码
+        if (this.options.pageIndex > this.pageNum)
+            this.options.pageIndex = this.pageNum;
+        // 最小页码
+        if (this.options.pageIndex <= 0)
+            this.options.pageIndex = 1;
+        // 主体容器
+        var container = this.createElement('div', '_page_container');
+        // 页码容器
+        var ul = this.createElement('ul', ['_pages', "_pages_" + this.options.type]);
+        // 禁用上一页
+        var prev_disabled = this.options.pageIndex <= 1 ? ['_disabled_c'] : [];
+        // 手势禁止
+        if (this.options.pageIndex <= 1 && this.options.disabled)
+            prev_disabled.push('_disabled');
+        // 首页
+        if (this.options.type <= 1) {
+            this.home = this.createElement('li', __spreadArrays(['_home'], prev_disabled));
+            this.home.innerText = '首页';
+            this.home.addEventListener('click', function () {
+                if (_this_1.options.pageIndex > 1) {
+                    _this_1.handleChangePage(1);
+                }
+            });
+            ul.appendChild(this.home);
+        }
+        // 上一页
+        this.prev = this.createElement('li', __spreadArrays(['_prev_'], prev_disabled, (this.options.prevText ? ['_prev'] : ['_iconfont', 'iconzuo'])));
+        // 上一页文字
+        this.prev.innerText = this.options.prevText || '';
+        // 上一页事件
+        this.prev.addEventListener('click', function () {
+            if (_this_1.options.pageIndex - 1 > 0) {
+                _this_1.handleChangePage(_this_1.options.pageIndex - 1);
+            }
+        });
+        ul.appendChild(this.prev);
+        // 区间值
+        var between = this.getBetween();
+        for (var i = 1; i <= this.pageNum; i++) {
+            if (i >= between.min && i <= between.max) {
+                active = i === this.options.pageIndex ? ["_active_" + this.options.type] : [];
+                // 手势禁止
+                if (i === this.options.pageIndex && this.options.disabled)
+                    active.push('_disabled');
+                li = this.createElement('li', __spreadArrays(["_pages_li_" + this.options.type], active));
+                li.innerText = i.toString();
+                li.setAttribute('data-index', i.toString());
+                li.addEventListener('click', function () {
+                    if (this.dataset.index != _this.options.pageIndex) {
+                        _this.handleChangePage(Number(this.dataset.index));
+                    }
+                });
+                (_a = this.lis) === null || _a === void 0 ? void 0 : _a.push(li);
+                ul.appendChild(li);
+            }
+        }
+        // 禁用下一页
+        var next_disabled = this.options.pageIndex >= this.pageNum ? ['_disabled_c'] : [];
+        // 手势禁止
+        if (this.options.pageIndex >= this.pageNum && this.options.disabled)
+            next_disabled.push('_disabled');
+        // 下一页
+        this.next = this.createElement('li', __spreadArrays(['_next_'], next_disabled, (this.options.nextText ? ['_next'] : ['_iconfont', 'iconGroup-'])));
+        // 下一页文字
+        this.next.innerText = this.options.nextText || '';
+        // 下一页事件
+        this.next.addEventListener('click', function () {
+            if (_this_1.options.pageIndex < _this_1.pageNum) {
+                _this_1.handleChangePage(_this_1.options.pageIndex + 1);
+            }
+        });
+        container.append(`${(isZh ? '共 ' : 'Total ') + this.options.total + (isZh ? ' 条' : '')}`);
+        ul.appendChild(this.next);
+        // 尾页
+        if (this.options.type <= 1) {
+            this.last = this.createElement('li', __spreadArrays(['_last'], next_disabled));
+            this.last.innerText = '尾页';
+            this.last.addEventListener('click', function () {
+                if (_this_1.options.pageIndex < _this_1.pageNum) {
+                    _this_1.handleChangePage(_this_1.pageNum);
+                }
+            });
+            ul.appendChild(this.last);
+        }
+        container.appendChild(ul);
+        // 输入框跳转
+        if (this.options.jumper) {
+            // 容器
+            var jumper = this.createElement('div', '_jumper');
+            // 总页码
+            var count = this.createElement('span', '_count');
+            count.innerText = (isZh ? '\u5171 ' : 'Total   ') + this.pageNum + (isZh ? ' \u9875' : ' pages');
+            jumper.appendChild(count);
+            var text_1 = this.createElement('span');
+            text_1.innerText = (isZh ? '前往' : 'Go to ');
+            jumper.appendChild(text_1);
+            var value_1 = 0;
+            // 输入框
+            this.input = this.createElement('input', '_jumper_input');
+            this.input.type = 'number';
+            this.input.value = this.options.pageIndex.toString();
+            this.input.setAttribute('min', '1');
+            this.input.setAttribute('max', this.pageNum.toString());
+            var handle = ['blur', 'keydown'];
+            handle.forEach(function (v) {
+                _this_1.input.addEventListener(v, function (e) {
+                    if (e.type === 'keydown' && e.keyCode !== 13) {
+                        return;
+                    }
+                    value_1 = ~~this.value;
+                    if (value_1 < 1)
+                        value_1 = 1;
+                    if (value_1 > _this.pageNum)
+                        value_1 = _this.pageNum;
+                    // @ts-ignore
+                    this.value = value_1;
+                    if (value_1 !== _this.options.pageIndex)
+                        _this.handleChangePage(value_1);
+                });
+            });
+            jumper.appendChild(this.input);
+            var text_2 = this.createElement('span');
+            text_2.innerText = (isZh ? '页' : '');
+            jumper.appendChild(text_2);
+            container.appendChild(jumper);
+        }
+        // 保存元素
+        this.element.appendChild(container);
+    };
+    Pagination.prototype.handleChangePage = function (index) {
+        var _this_1 = this;
+        this.options.pageIndex = index;
+        var mode;
+        var around = ['home', 'last', 'prev', 'next'];
+        around.forEach(function (param) {
+            if (param === 'home' || param === 'prev') {
+                mode = index <= 1 ? 'add' : 'remove';
+            }
+            if (param === 'last' || param === 'next') {
+                mode = index >= _this_1.pageNum ? 'add' : 'remove';
+            }
+            if (_this_1[param]) {
+                _this_1[param].classList[mode]('_disabled_c');
+                _this_1.options.disabled && _this_1[param].classList[mode]('_disabled');
+            }
+        });
+        // 区间值
+        var between = this.getBetween();
+        var betweenList = this.generateArray(between.min, between.max);
+        // 排它
+        for (var i = 0; i < this.lis.length; i++) {
+            mode = betweenList[i] === index ? 'add' : 'remove';
+            this.lis[i].classList[mode]("_active_" + this.options.type);
+            this.lis[i].setAttribute('data-index', betweenList[i]);
+            this.lis[i].innerText = betweenList[i].toString();
+            this.options.disabled && this.lis[i].classList[mode]('_disabled');
+        }
+        // @ts-ignore 修改input值
+        if (this.options.jumper)
+            this.input.value = index;
+        // 回调
+        typeof this.options.currentChange === 'function' && this.options.currentChange(index);
+    };
+    Pagination.prototype.getBetween = function () {
+        // 最小下标
+        var min = this.options.pageIndex - Math.floor(this.options.pageCount / 2);
+        // 最小下标最大值
+        if (min > this.pageNum - this.options.pageCount) {
+            min = this.pageNum - this.options.pageCount + 1;
+        }
+        // 最小值
+        if (min <= 1)
+            min = 1;
+        // 最大下标
+        var max = this.options.pageIndex + Math.floor(this.options.pageCount / 2);
+        // 最大下标最小值
+        if (max < this.options.pageCount)
+            max = this.options.pageCount;
+        // 最大值
+        if (max > this.pageNum)
+            max = this.pageNum;
+        return { min: min, max: max };
+    };
+    Pagination.prototype.generateArray = function (start, end) {
+        var arr = [];
+        for (var i = start; i <= end; i++) {
+            arr.push(i);
+        }
+        return arr;
+    };
+    Pagination.prototype.createElement = function (tag, classList) {
+        var dom = document.createElement(tag);
+        if (classList) {
+            if (classList instanceof Array) {
+                classList.forEach(function (v) {
+                    dom.classList.add(v);
+                });
+            }
+            else {
+                dom.classList.add(classList);
+            }
+        }
+        return dom;
+    };
+    Pagination.prototype.validate = function (options) {
+        if (!options)
+            throw new Error('options of null');
+        if (typeof options !== 'object')
+            throw new Error('options not an object');
+        if (!document.querySelector(options.element))
+            throw new Error('element of null');
+        ['type', 'pageIndex', 'pageSize', 'pageCount', 'total'].forEach(function (v) {
+            if (options[v]) {
+                if (isNaN(options[v]))
+                    throw new Error(v + " not an number");
+                if (v === 'pageCount' && options[v] % 2 === 0)
+                    throw new Error(v + " not an odd number");
+            }
+        });
+        return true;
+    };
+    Pagination.prototype.setOptions = function (options) {
+        // 容器
+        this.element = document.querySelector(options.element);
+        for (var name_1 in options) {
+            if (options[name_1] !== void 0) {
+                this.options[name_1] = isNaN(options[name_1]) ? options[name_1] : +options[name_1];
+            }
+        }
+    };
+    return Pagination;
+}());