diff --git a/admin/src/views/article/Index.vue b/admin/src/views/article/Index.vue
index bda2e5f1690f9be1e9cea0e05671d1649d4f585c..65304a535cb7466d751334f0c4a60ee7ac9beb90 100644
--- a/admin/src/views/article/Index.vue
+++ b/admin/src/views/article/Index.vue
@@ -80,7 +80,7 @@
 import HttpClient from '@/apis/HttpClient'
 
 export default {
-  name: 'List',
+  layout: 'admin',
   data() {
     return {
       results: [],
@@ -89,8 +89,7 @@ export default {
       filters: {
         title: '',
         status: ''
-      },
-      tagOptions: []
+      }
     }
   },
   mounted() {
diff --git a/admin/src/views/topic/Index.vue b/admin/src/views/topic/Index.vue
index d99c5c1a6966db12fbd1698eaae90036635d7ded..3e378854fc6d5ec6607d0371f2453cc385630c1b 100644
--- a/admin/src/views/topic/Index.vue
+++ b/admin/src/views/topic/Index.vue
@@ -331,7 +331,7 @@ export default {
         this.$message({ message: '推荐成功', type: 'success' })
         this.list()
       } catch (e) {
-        this.$notify.error({ title: '错误', message: rsp.message })
+        this.$notify.error({ title: '错误', message: e.message })
       }
     },
     async cancelRecommend(id) {
@@ -342,7 +342,7 @@ export default {
         this.$message({ message: '取消推荐成功', type: 'success' })
         this.list()
       } catch (e) {
-        this.$notify.error({ title: '错误', message: rsp.message })
+        this.$notify.error({ title: '错误', message: e.message })
       }
     },
     handleSelectionChange(val) {
diff --git a/server/app/iris.go b/server/app/iris.go
index 4c01158728863f789a5b267b18c52c9bd82ef154..5afb3949beea2f5dcce0127afa7893fad7aab3c7 100644
--- a/server/app/iris.go
+++ b/server/app/iris.go
@@ -73,6 +73,7 @@ func InitIris() {
 	// admin
 	mvc.Configure(app.Party("/api/admin"), func(m *mvc.Application) {
 		m.Router.Use(middleware.AdminAuth)
+		m.Party("/common").Handle(new(admin.CommonController))
 		m.Party("/user").Handle(new(admin.UserController))
 		m.Party("/third-account").Handle(new(admin.ThirdAccountController))
 		m.Party("/tag").Handle(new(admin.TagController))
diff --git a/server/controllers/admin/article_controller.go b/server/controllers/admin/article_controller.go
index c4dc7fd4b9272e1d81a247f1ecc63ccfc9a23768..5a2d155cd193e5847339a0aaf57057b9db83c968 100644
--- a/server/controllers/admin/article_controller.go
+++ b/server/controllers/admin/article_controller.go
@@ -78,7 +78,7 @@ func (c *ArticleController) PostUpdate() *simple.JsonResult {
 		return simple.JsonErrorMsg("entity not found")
 	}
 
-	c.Ctx.ReadForm(t)
+	simple.ReadForm(c.Ctx, t)
 
 	// 数据校验
 	if len(t.Title) == 0 {
diff --git a/server/controllers/admin/article_tag_controller.go b/server/controllers/admin/article_tag_controller.go
index bb940b973e046f59fe178b4681cee6ee677bb785..51b6972d81dc561c7796ed03f8120344f0e2a0a2 100644
--- a/server/controllers/admin/article_tag_controller.go
+++ b/server/controllers/admin/article_tag_controller.go
@@ -29,7 +29,7 @@ func (c *ArticleTagController) AnyList() *simple.JsonResult {
 
 func (c *ArticleTagController) PostCreate() *simple.JsonResult {
 	t := &model.ArticleTag{}
-	c.Ctx.ReadForm(t)
+	simple.ReadForm(c.Ctx, t)
 
 	err := services.ArticleTagService.Create(t)
 	if err != nil {
@@ -48,7 +48,7 @@ func (c *ArticleTagController) PostUpdate() *simple.JsonResult {
 		return simple.JsonErrorMsg("entity not found")
 	}
 
-	c.Ctx.ReadForm(t)
+	simple.ReadForm(c.Ctx, t)
 
 	err = services.ArticleTagService.Update(t)
 	if err != nil {
diff --git a/server/controllers/admin/common_controller.go b/server/controllers/admin/common_controller.go
new file mode 100644
index 0000000000000000000000000000000000000000..8f518f0afc9d240fe7ecdb7cc8e51af668f8e561
--- /dev/null
+++ b/server/controllers/admin/common_controller.go
@@ -0,0 +1,22 @@
+package admin
+
+import (
+	"runtime"
+
+	"github.com/kataras/iris/v12"
+	"github.com/mlogclub/simple"
+)
+
+type CommonController struct {
+	Ctx iris.Context
+}
+
+func (c *CommonController) GetSysteminfo() *simple.JsonResult {
+    return simple.NewEmptyRspBuilder().
+    	Put("os", runtime.GOOS).
+		Put("arch", runtime.GOARCH).
+    	Put("numCpu", runtime.NumCPU()).
+		Put("goroot", runtime.GOROOT()).
+		Put("goversion", runtime.Version()).
+    	JsonResult()
+}
diff --git a/server/controllers/admin/favorite_controller.go b/server/controllers/admin/favorite_controller.go
index ac46eaaef6bba499eee2106302b77aa98e87c85b..e4c3184745cb1ddb0be17bd3ee2dcba017288145 100644
--- a/server/controllers/admin/favorite_controller.go
+++ b/server/controllers/admin/favorite_controller.go
@@ -29,7 +29,7 @@ func (c *FavoriteController) AnyList() *simple.JsonResult {
 
 func (c *FavoriteController) PostCreate() *simple.JsonResult {
 	t := &model.Favorite{}
-	c.Ctx.ReadForm(t)
+	simple.ReadForm(c.Ctx, t)
 
 	err := services.FavoriteService.Create(t)
 	if err != nil {
@@ -48,7 +48,7 @@ func (c *FavoriteController) PostUpdate() *simple.JsonResult {
 		return simple.JsonErrorMsg("entity not found")
 	}
 
-	c.Ctx.ReadForm(t)
+	simple.ReadForm(c.Ctx, t)
 
 	err = services.FavoriteService.Update(t)
 	if err != nil {
diff --git a/server/controllers/admin/link_controller.go b/server/controllers/admin/link_controller.go
index d91d57203597eeb0315841632bdf2a0f0316059d..cfe800ff24783657bb3d6b4305c0f96785016527 100644
--- a/server/controllers/admin/link_controller.go
+++ b/server/controllers/admin/link_controller.go
@@ -33,7 +33,7 @@ func (c *LinkController) AnyList() *simple.JsonResult {
 
 func (c *LinkController) PostCreate() *simple.JsonResult {
 	t := &model.Link{}
-	err := c.Ctx.ReadForm(t)
+	err := simple.ReadForm(c.Ctx, t)
 	if err != nil {
 		return simple.JsonErrorMsg(err.Error())
 	}
@@ -55,7 +55,7 @@ func (c *LinkController) PostUpdate() *simple.JsonResult {
 		return simple.JsonErrorMsg("entity not found")
 	}
 
-	err = c.Ctx.ReadForm(t)
+	err = simple.ReadForm(c.Ctx, t)
 	if err != nil {
 		return simple.JsonErrorMsg(err.Error())
 	}
diff --git a/server/controllers/admin/message_controller.go b/server/controllers/admin/message_controller.go
index 7e0b497fee4067c55ad573be3266cbb67d5b89a9..257226f992ff09911ac2afc392ba53d163ccb9ab 100644
--- a/server/controllers/admin/message_controller.go
+++ b/server/controllers/admin/message_controller.go
@@ -29,7 +29,7 @@ func (c *MessageController) AnyList() *simple.JsonResult {
 
 func (c *MessageController) PostCreate() *simple.JsonResult {
 	t := &model.Message{}
-	c.Ctx.ReadForm(t)
+	simple.ReadForm(c.Ctx, t)
 
 	err := services.MessageService.Create(t)
 	if err != nil {
@@ -48,7 +48,7 @@ func (c *MessageController) PostUpdate() *simple.JsonResult {
 		return simple.JsonErrorMsg("entity not found")
 	}
 
-	c.Ctx.ReadForm(t)
+	simple.ReadForm(c.Ctx, t)
 
 	err = services.MessageService.Update(t)
 	if err != nil {
diff --git a/server/controllers/admin/project_controller.go b/server/controllers/admin/project_controller.go
index d77a1147d9f20e42a67017e840da7bc136062afa..7e4b935e158a379ff33060ef62799fc399bd55c7 100644
--- a/server/controllers/admin/project_controller.go
+++ b/server/controllers/admin/project_controller.go
@@ -29,7 +29,7 @@ func (c *ProjectController) AnyList() *simple.JsonResult {
 
 func (c *ProjectController) PostCreate() *simple.JsonResult {
 	t := &model.Project{}
-	err := c.Ctx.ReadForm(t)
+	err := simple.ReadForm(c.Ctx, t)
 	if err != nil {
 		return simple.JsonErrorMsg(err.Error())
 	}
@@ -51,7 +51,7 @@ func (c *ProjectController) PostUpdate() *simple.JsonResult {
 		return simple.JsonErrorMsg("entity not found")
 	}
 
-	err = c.Ctx.ReadForm(t)
+	err = simple.ReadForm(c.Ctx, t)
 	if err != nil {
 		return simple.JsonErrorMsg(err.Error())
 	}
diff --git a/server/controllers/admin/sitemap_controller.go b/server/controllers/admin/sitemap_controller.go
index 36ea84dea2124c120cfd56ca90d42806525e8c9e..88be990bf0129248d81047429e1f6bcae0aa7d3f 100644
--- a/server/controllers/admin/sitemap_controller.go
+++ b/server/controllers/admin/sitemap_controller.go
@@ -29,7 +29,7 @@ func (c *SitemapController) AnyList() *simple.JsonResult {
 
 func (c *SitemapController) PostCreate() *simple.JsonResult {
 	t := &model.Sitemap{}
-	err := c.Ctx.ReadForm(t)
+	err := simple.ReadForm(c.Ctx, t)
 	if err != nil {
 		return simple.JsonErrorMsg(err.Error())
 	}
@@ -51,7 +51,7 @@ func (c *SitemapController) PostUpdate() *simple.JsonResult {
 		return simple.JsonErrorMsg("entity not found")
 	}
 
-	err = c.Ctx.ReadForm(t)
+	err = simple.ReadForm(c.Ctx, t)
 	if err != nil {
 		return simple.JsonErrorMsg(err.Error())
 	}
diff --git a/server/controllers/admin/tag_controller.go b/server/controllers/admin/tag_controller.go
index 10c6d58315ce55459aa4b914cb3a0585d44ccba1..b60defaa136e2f2f4cd351ec060998123017b13c 100644
--- a/server/controllers/admin/tag_controller.go
+++ b/server/controllers/admin/tag_controller.go
@@ -34,7 +34,7 @@ func (c *TagController) AnyList() *simple.JsonResult {
 
 func (c *TagController) PostCreate() *simple.JsonResult {
 	t := &model.Tag{}
-	err := c.Ctx.ReadForm(t)
+	err := simple.ReadForm(c.Ctx, t)
 	if err != nil {
 		return simple.JsonErrorMsg(err.Error())
 	}
@@ -67,7 +67,7 @@ func (c *TagController) PostUpdate() *simple.JsonResult {
 		return simple.JsonErrorMsg("entity not found")
 	}
 
-	err = c.Ctx.ReadForm(t)
+	err = simple.ReadForm(c.Ctx, t)
 	if err != nil {
 		return simple.JsonErrorMsg(err.Error())
 	}
diff --git a/server/controllers/admin/third_account_controller.go b/server/controllers/admin/third_account_controller.go
index 1b6b5e8d3d8e6c489c4ff9142a374c03e067d4eb..0596e263b7e645615abd8f24109960a4a7f7b77c 100644
--- a/server/controllers/admin/third_account_controller.go
+++ b/server/controllers/admin/third_account_controller.go
@@ -29,7 +29,7 @@ func (c *ThirdAccountController) AnyList() *simple.JsonResult {
 
 func (c *ThirdAccountController) PostCreate() *simple.JsonResult {
 	t := &model.ThirdAccount{}
-	err := c.Ctx.ReadForm(t)
+	err := simple.ReadForm(c.Ctx, t)
 	if err != nil {
 		return simple.JsonErrorMsg(err.Error())
 	}
@@ -51,7 +51,7 @@ func (c *ThirdAccountController) PostUpdate() *simple.JsonResult {
 		return simple.JsonErrorMsg("entity not found")
 	}
 
-	err = c.Ctx.ReadForm(t)
+	err = simple.ReadForm(c.Ctx, t)
 	if err != nil {
 		return simple.JsonErrorMsg(err.Error())
 	}
diff --git a/server/controllers/admin/topic_controller.go b/server/controllers/admin/topic_controller.go
index bf5bae4c9a900a6ce46cedf7fe215012d73ca3b4..2800361d8d4e1d1f80b0503ec26edf432ca58a0b 100644
--- a/server/controllers/admin/topic_controller.go
+++ b/server/controllers/admin/topic_controller.go
@@ -80,7 +80,7 @@ func (c *TopicController) DeleteRecommend() *simple.JsonResult {
 
 func (c *TopicController) PostCreate() *simple.JsonResult {
 	t := &model.Topic{}
-	err := c.Ctx.ReadForm(t)
+	err := simple.ReadForm(c.Ctx, t)
 	if err != nil {
 		return simple.JsonErrorMsg(err.Error())
 	}
@@ -102,7 +102,7 @@ func (c *TopicController) PostUpdate() *simple.JsonResult {
 		return simple.JsonErrorMsg("entity not found")
 	}
 
-	err = c.Ctx.ReadForm(t)
+	err = simple.ReadForm(c.Ctx, t)
 	if err != nil {
 		return simple.JsonErrorMsg(err.Error())
 	}
diff --git a/server/controllers/admin/topic_like_controller.go b/server/controllers/admin/topic_like_controller.go
index d118aa319d6dcd992d1f395936e56555305e5e0b..a3e285ae4f324d9ad07ad4ee219eda8663d219d8 100644
--- a/server/controllers/admin/topic_like_controller.go
+++ b/server/controllers/admin/topic_like_controller.go
@@ -29,7 +29,7 @@ func (c *TopicLikeController) AnyList() *simple.JsonResult {
 
 func (c *TopicLikeController) PostCreate() *simple.JsonResult {
 	t := &model.TopicLike{}
-	err := c.Ctx.ReadForm(t)
+	err := simple.ReadForm(c.Ctx, t)
 	if err != nil {
 		return simple.JsonErrorMsg(err.Error())
 	}
@@ -51,7 +51,7 @@ func (c *TopicLikeController) PostUpdate() *simple.JsonResult {
 		return simple.JsonErrorMsg("entity not found")
 	}
 
-	err = c.Ctx.ReadForm(t)
+	err = simple.ReadForm(c.Ctx, t)
 	if err != nil {
 		return simple.JsonErrorMsg(err.Error())
 	}
diff --git a/server/controllers/admin/topic_node_controller.go b/server/controllers/admin/topic_node_controller.go
index 094994b2cbda6f16827e3b53e02817416863a51c..e41ba6694b7b9125dcb93ed70701ebcac5fbd51c 100644
--- a/server/controllers/admin/topic_node_controller.go
+++ b/server/controllers/admin/topic_node_controller.go
@@ -23,13 +23,13 @@ func (c *TopicNodeController) GetBy(id int64) *simple.JsonResult {
 }
 
 func (c *TopicNodeController) AnyList() *simple.JsonResult {
-	list, paging := services.TopicNodeService.FindPageByParams(simple.NewQueryParams(c.Ctx).PageByReq().Asc("sort_no").Desc("id"))
+	list, paging := services.TopicNodeService.FindPageByParams(simple.NewQueryParams(c.Ctx).EqByReq("name").PageByReq().Asc("sort_no").Desc("id"))
 	return simple.JsonData(&simple.PageResult{Results: list, Page: paging})
 }
 
 func (c *TopicNodeController) PostCreate() *simple.JsonResult {
 	t := &model.TopicNode{}
-	err := c.Ctx.ReadForm(t)
+	err := simple.ReadForm(c.Ctx, t)
 	if err != nil {
 		return simple.JsonErrorMsg(err.Error())
 	}
@@ -51,7 +51,7 @@ func (c *TopicNodeController) PostUpdate() *simple.JsonResult {
 		return simple.JsonErrorMsg("entity not found")
 	}
 
-	err = c.Ctx.ReadForm(t)
+	err = simple.ReadForm(c.Ctx, t)
 	if err != nil {
 		return simple.JsonErrorMsg(err.Error())
 	}
diff --git a/server/controllers/admin/topic_tag_controller.go b/server/controllers/admin/topic_tag_controller.go
index 2802c1379e9b25dd4ce9a3eb154e44cb01436eca..590ae242633871423d6699b3915e9a87f794370b 100644
--- a/server/controllers/admin/topic_tag_controller.go
+++ b/server/controllers/admin/topic_tag_controller.go
@@ -29,7 +29,7 @@ func (c *TopicTagController) AnyList() *simple.JsonResult {
 
 func (c *TopicTagController) PostCreate() *simple.JsonResult {
 	t := &model.TopicTag{}
-	c.Ctx.ReadForm(t)
+	simple.ReadForm(c.Ctx, t)
 
 	err := services.TopicTagService.Create(t)
 	if err != nil {
@@ -48,7 +48,7 @@ func (c *TopicTagController) PostUpdate() *simple.JsonResult {
 		return simple.JsonErrorMsg("entity not found")
 	}
 
-	c.Ctx.ReadForm(t)
+	simple.ReadForm(c.Ctx, t)
 
 	err = services.TopicTagService.Update(t)
 	if err != nil {
diff --git a/server/controllers/admin/user_score_controller.go b/server/controllers/admin/user_score_controller.go
index 3fc16157318995b23f59d889f2aa67aa336f76df..9e557c0d8ac83563f270ab9f587209853ee2432d 100644
--- a/server/controllers/admin/user_score_controller.go
+++ b/server/controllers/admin/user_score_controller.go
@@ -1,18 +1,20 @@
 package admin
 
 import (
+	"strconv"
+
+	"github.com/kataras/iris/v12"
+	"github.com/mlogclub/simple"
+
 	"bbs-go/model"
 	"bbs-go/services"
-	"github.com/mlogclub/simple"
-	"github.com/kataras/iris/v12"
-	"strconv"
 )
 
 type UserScoreController struct {
-	Ctx             iris.Context
+	Ctx iris.Context
 }
 
-func (r *UserScoreController) GetBy(id int64) *simple.JsonResult {
+func (c *UserScoreController) GetBy(id int64) *simple.JsonResult {
 	t := services.UserScoreService.Get(id)
 	if t == nil {
 		return simple.JsonErrorMsg("Not found, id=" + strconv.FormatInt(id, 10))
@@ -20,14 +22,14 @@ func (r *UserScoreController) GetBy(id int64) *simple.JsonResult {
 	return simple.JsonData(t)
 }
 
-func (r *UserScoreController) AnyList() *simple.JsonResult {
-	list, paging := services.UserScoreService.FindPageByParams(simple.NewQueryParams(r.Ctx).PageByReq().Desc("id"))
+func (c *UserScoreController) AnyList() *simple.JsonResult {
+	list, paging := services.UserScoreService.FindPageByParams(simple.NewQueryParams(c.Ctx).PageByReq().Desc("id"))
 	return simple.JsonData(&simple.PageResult{Results: list, Page: paging})
 }
 
-func (r *UserScoreController) PostCreate() *simple.JsonResult {
+func (c *UserScoreController) PostCreate() *simple.JsonResult {
 	t := &model.UserScore{}
-	err := r.Ctx.ReadForm(t)
+	err := simple.ReadForm(c.Ctx, t)
 	if err != nil {
 		return simple.JsonErrorMsg(err.Error())
 	}
@@ -39,8 +41,8 @@ func (r *UserScoreController) PostCreate() *simple.JsonResult {
 	return simple.JsonData(t)
 }
 
-func (r *UserScoreController) PostUpdate() *simple.JsonResult {
-	id, err := simple.FormValueInt64(r.Ctx, "id")
+func (c *UserScoreController) PostUpdate() *simple.JsonResult {
+	id, err := simple.FormValueInt64(c.Ctx, "id")
 	if err != nil {
 		return simple.JsonErrorMsg(err.Error())
 	}
@@ -49,7 +51,7 @@ func (r *UserScoreController) PostUpdate() *simple.JsonResult {
 		return simple.JsonErrorMsg("entity not found")
 	}
 
-	err = r.Ctx.ReadForm(t)
+	err = simple.ReadForm(c.Ctx, t)
 	if err != nil {
 		return simple.JsonErrorMsg(err.Error())
 	}
@@ -60,4 +62,3 @@ func (r *UserScoreController) PostUpdate() *simple.JsonResult {
 	}
 	return simple.JsonData(t)
 }
-
diff --git a/server/controllers/admin/user_score_log_controller.go b/server/controllers/admin/user_score_log_controller.go
index ab7a9ee5fc7348b26672df98610389410471033a..e43075395a725098e1cbe68ad590c8ae7f7a4d0f 100644
--- a/server/controllers/admin/user_score_log_controller.go
+++ b/server/controllers/admin/user_score_log_controller.go
@@ -12,7 +12,7 @@ type UserScoreLogController struct {
 	Ctx             iris.Context
 }
 
-func (r *UserScoreLogController) GetBy(id int64) *simple.JsonResult {
+func (c *UserScoreLogController) GetBy(id int64) *simple.JsonResult {
 	t := services.UserScoreLogService.Get(id)
 	if t == nil {
 		return simple.JsonErrorMsg("Not found, id=" + strconv.FormatInt(id, 10))
@@ -20,14 +20,14 @@ func (r *UserScoreLogController) GetBy(id int64) *simple.JsonResult {
 	return simple.JsonData(t)
 }
 
-func (r *UserScoreLogController) AnyList() *simple.JsonResult {
-	list, paging := services.UserScoreLogService.FindPageByParams(simple.NewQueryParams(r.Ctx).PageByReq().Desc("id"))
+func (c *UserScoreLogController) AnyList() *simple.JsonResult {
+	list, paging := services.UserScoreLogService.FindPageByParams(simple.NewQueryParams(c.Ctx).PageByReq().Desc("id"))
 	return simple.JsonData(&simple.PageResult{Results: list, Page: paging})
 }
 
-func (r *UserScoreLogController) PostCreate() *simple.JsonResult {
+func (c *UserScoreLogController) PostCreate() *simple.JsonResult {
 	t := &model.UserScoreLog{}
-	err := r.Ctx.ReadForm(t)
+	err := simple.ReadForm(c.Ctx, t)
 	if err != nil {
 		return simple.JsonErrorMsg(err.Error())
 	}
@@ -39,8 +39,8 @@ func (r *UserScoreLogController) PostCreate() *simple.JsonResult {
 	return simple.JsonData(t)
 }
 
-func (r *UserScoreLogController) PostUpdate() *simple.JsonResult {
-	id, err := simple.FormValueInt64(r.Ctx, "id")
+func (c *UserScoreLogController) PostUpdate() *simple.JsonResult {
+	id, err := simple.FormValueInt64(c.Ctx, "id")
 	if err != nil {
 		return simple.JsonErrorMsg(err.Error())
 	}
@@ -49,7 +49,7 @@ func (r *UserScoreLogController) PostUpdate() *simple.JsonResult {
 		return simple.JsonErrorMsg("entity not found")
 	}
 
-	err = r.Ctx.ReadForm(t)
+	err = simple.ReadForm(c.Ctx, t)
 	if err != nil {
 		return simple.JsonErrorMsg(err.Error())
 	}
diff --git a/server/controllers/api/comment_controller.go b/server/controllers/api/comment_controller.go
index f3314064ca5d65f5d2043277449f56b0d7a924e1..cbe5de864a657f3de2db240b8d834f7f42579348 100644
--- a/server/controllers/api/comment_controller.go
+++ b/server/controllers/api/comment_controller.go
@@ -42,7 +42,7 @@ func (c *CommentController) PostCreate() *simple.JsonResult {
 	}
 
 	form := &model.CreateCommentForm{}
-	err := c.Ctx.ReadForm(form)
+	err := simple.ReadForm(c.Ctx, form)
 	if err != nil {
 		return simple.JsonErrorMsg(err.Error())
 	}
diff --git a/server/go.mod b/server/go.mod
index 12f65b8cb69dbc966e4823fbe68cf18fabfe9432..ddcd92e34a8de59e21a04b2520aa7b23355b2462 100644
--- a/server/go.mod
+++ b/server/go.mod
@@ -24,7 +24,7 @@ require (
 	github.com/k0kubun/colorstring v0.0.0-20150214042306-9440f1994b88 // indirect
 	github.com/kataras/iris/v12 v12.0.1
 	github.com/mattn/go-colorable v0.1.4 // indirect
-	github.com/mlogclub/simple v1.0.52
+	github.com/mlogclub/simple v1.0.54
 	github.com/moul/http2curl v1.0.0 // indirect
 	github.com/nats-io/nats-server/v2 v2.1.2 // indirect
 	github.com/robfig/cron v1.2.0
diff --git a/server/go.sum b/server/go.sum
index baac51d4c1569487e78d0a08df7164c87f2f3f9e..677b99a0ce118b94dc1c118a766c7d46bd9b9fb2 100644
--- a/server/go.sum
+++ b/server/go.sum
@@ -202,6 +202,9 @@ github.com/mlogclub/simple v1.0.50 h1:XTH1NzIcPqddDZyh2K33oJt/KHv7ylsFlBbI6BHPZY
 github.com/mlogclub/simple v1.0.50/go.mod h1:J5p18ObwMAb7pJ8nodcHuZrmU0G3bnoFX2VEzeuj5Os=
 github.com/mlogclub/simple v1.0.52 h1:EIpssLl7sc/pm6z8whKbtncH+GAwpkQCyRw3tPmQ+DA=
 github.com/mlogclub/simple v1.0.52/go.mod h1:J5p18ObwMAb7pJ8nodcHuZrmU0G3bnoFX2VEzeuj5Os=
+github.com/mlogclub/simple v1.0.53/go.mod h1:J5p18ObwMAb7pJ8nodcHuZrmU0G3bnoFX2VEzeuj5Os=
+github.com/mlogclub/simple v1.0.54 h1:+x98WemmzSS0KBraFCW4SuFGDlfnmSsSN8WICt4hkEc=
+github.com/mlogclub/simple v1.0.54/go.mod h1:J5p18ObwMAb7pJ8nodcHuZrmU0G3bnoFX2VEzeuj5Os=
 github.com/modern-go/concurrent v0.0.0-20180306012644-bacd9c7ef1dd h1:TRLaZ9cD/w8PVh93nsPXa1VrQ6jlwL5oN8l14QlcNfg=
 github.com/modern-go/concurrent v0.0.0-20180306012644-bacd9c7ef1dd/go.mod h1:6dJC0mAP4ikYIbvyc7fijjWJddQyLn8Ig3JB5CqoB9Q=
 github.com/modern-go/reflect2 v1.0.1 h1:9f412s+6RmYXLWZSEzVVgPGK7C2PphHj5RJrvfx9AWI=
diff --git a/server/test/test.go b/server/test/test.go
index da29a2cadf1e00b14b1a4bd0a52780888bf3e532..e880a475074bf1c950efc599e595e2c92e3aeca5 100644
--- a/server/test/test.go
+++ b/server/test/test.go
@@ -1,4 +1,10 @@
 package main
 
+import (
+	"fmt"
+	"runtime"
+)
+
 func main() {
+	fmt.Println(runtime.NumCPU())
 }
diff --git a/site/assets/styles/common.scss b/site/assets/styles/common.scss
index ca166bcd6e8dfe72e6a0ad2904a3746f02bd3953..48c4162336f4d515d197a6049adb608d5c80ae87 100644
--- a/site/assets/styles/common.scss
+++ b/site/assets/styles/common.scss
@@ -189,6 +189,7 @@ $sidebar-margin: 10px; // 侧边栏之间的缝隙
     // font-size: 12px;
     margin-top: 8px;
     padding: 8px 0;
+    word-break: break-all;
   }
 
   & > .widget-footer {
diff --git a/site/components/SiteNotice.vue b/site/components/SiteNotice.vue
index 66b75bf86bec954f8300125c22cf621d69947e34..43dc4e7784e59758ea2324b95cb5bb6fb9f75a4b 100644
--- a/site/components/SiteNotice.vue
+++ b/site/components/SiteNotice.vue
@@ -20,6 +20,5 @@ export default {
 <style lang="scss" scoped>
 .notice-content {
   font-size: 80%;
-  word-break: break-all;
 }
 </style>
diff --git a/site/layouts/admin.vue b/site/layouts/admin.vue
new file mode 100644
index 0000000000000000000000000000000000000000..6aed839694287ec2b5fa8f526e2e11972eeeef87
--- /dev/null
+++ b/site/layouts/admin.vue
@@ -0,0 +1,120 @@
+<template>
+  <div class="bbs-admin">
+    <el-menu
+      @select="handleSelect"
+      class="el-menu-demo"
+      mode="horizontal"
+      background-color="#545c64"
+      text-color="#fff"
+      active-text-color="#ffd04b"
+    >
+      <el-menu-item index="/">
+        <span slot="title">
+          <el-tooltip effect="dark" content="返回前台" placement="bottom-end">
+            <i class="iconfont icon-home" style="color: #fff;"></i>
+          </el-tooltip>
+        </span>
+      </el-menu-item>
+      <el-menu-item index="/admin">
+        <span slot="title">
+          <i class="iconfont icon-dashboard"></i>
+          <span>后台</span>
+        </span>
+      </el-menu-item>
+      <el-menu-item index="/admin/nodes">
+        <span slot="title">
+          <i class="iconfont icon-tags"></i>
+          <span>节点</span>
+        </span>
+      </el-menu-item>
+      <el-menu-item index="/admin/topics">
+        <span slot="title">
+          <i class="iconfont icon-topic"></i>
+          <span>话题</span>
+        </span>
+      </el-menu-item>
+      <el-menu-item index="/admin/articles">
+        <span slot="title">
+          <i class="iconfont icon-article"></i>
+          <span>文章</span>
+        </span>
+      </el-menu-item>
+      <el-menu-item index="/admin/comments">
+        <span slot="title">
+          <i class="iconfont icon-comment"></i>
+          <span>评论</span>
+        </span>
+      </el-menu-item>
+      <el-menu-item index="/admin/users">
+        <span slot="title">
+          <i class="iconfont icon-username"></i>
+          <span>用户</span>
+        </span>
+      </el-menu-item>
+      <el-menu-item index="/admin/links">
+        <span slot="title">
+          <i class="iconfont icon-link"></i>
+          <span>链接</span>
+        </span>
+      </el-menu-item>
+      <el-menu-item index="/admin/settings">
+        <span slot="title">
+          <i class="iconfont icon-setting"></i>
+          <span>设置</span>
+        </span>
+      </el-menu-item>
+    </el-menu>
+
+    <nuxt />
+  </div>
+</template>
+
+<script>
+import utils from '~/common/utils'
+import '~/plugins/element-ui'
+
+export default {
+  middleware: ['global', 'authenticated'],
+  methods: {
+    handleSelect(index, keyPath) {
+      utils.linkTo(index)
+    }
+  },
+  head() {
+    return {
+      title: 'BBS-GO管理',
+      link: [
+        {
+          rel: 'stylesheet',
+          href: '//unpkg.com/element-ui/lib/theme-chalk/index.css'
+        }
+      ]
+    }
+  }
+}
+</script>
+
+<style lang="scss">
+.bbs-admin {
+  .page-container {
+    margin: 10px !important;
+    padding: 10px !important;
+    background: #fff;
+
+    .toolbar {
+      border-bottom: 1px solid #e9ecf0;
+      margin: 0 0 5px 0;
+      padding: 10px 10px 0 10px;
+
+      .el-form-item {
+        margin-bottom: 10px;
+      }
+    }
+
+    .pagebar {
+      text-align: right;
+      margin-top: 5px;
+    }
+  }
+}
+</style>
diff --git a/site/layouts/error.vue b/site/layouts/error.vue
index 0d75552a5aad1f32d65b26ef44a0e698da89cb26..414cf8865aa0a6c49897cce95efea9e2a3b284c9 100644
--- a/site/layouts/error.vue
+++ b/site/layouts/error.vue
@@ -9,7 +9,10 @@
           <span v-if="error.statusCode === 404">{{
             error.message ? error.message : '页面没找到'
           }}</span>
-          <span v-else>页面异常</span>
+          <span v-if="error.statusCode === 403">{{
+            error.message ? error.message : 'forbidden'
+          }}</span>
+          <span v-else>{{ error.statusCode }} 页面异常</span>
         </div>
         <div class="report">
           <a href="https://mlog.club/topic/create" target="_blank"
diff --git a/site/middleware/authenticated.js b/site/middleware/authenticated.js
index 5e4ada0aa6a22d714cc298a69a49789b8d746ae2..e646796b75d93eb298996ad73736c2f6fc2af643 100644
--- a/site/middleware/authenticated.js
+++ b/site/middleware/authenticated.js
@@ -1,9 +1,45 @@
 export default function(context) {
   const user = context.store.state.user.current
   if (!user) {
-    const signInUrl = getSignInUrl(context)
-    context.redirect(signInUrl)
+    toSignIn(context)
+    return
   }
+  if (isAdminUrl(context)) {
+    if (!isAdminUser(user)) {
+      context.error({
+        statusCode: 403,
+        message: '403 forbidden'
+      })
+    }
+  }
+}
+
+// 当前访问URL是否是管理后台
+function isAdminUrl(context) {
+  return context.route.path.indexOf('/admin') === 0
+}
+
+// 当前用户是否是管理员
+function isAdminUser(user) {
+  if (!user) {
+    return false
+  }
+  if (!user.roles || !user.roles.length) {
+    return false
+  }
+  for (let i = 0; i < user.roles.length; i++) {
+    const role = user.roles[i]
+    if (role === '管理员') {
+      return true
+    }
+  }
+  return false
+}
+
+// 前往登录地址
+function toSignIn(context) {
+  const signInUrl = getSignInUrl(context)
+  context.redirect(signInUrl)
 }
 
 // 获取登录跳转地址
diff --git a/site/nuxt.config.example.js b/site/nuxt.config.example.js
index 620c928c7b230e56ba9f9ba49282356b219fceac..0221a3167f1ae15efe5f1eeb7515c2fb55769d5e 100644
--- a/site/nuxt.config.example.js
+++ b/site/nuxt.config.example.js
@@ -47,7 +47,7 @@ export default {
       },
       {
         rel: 'stylesheet',
-        href: '//at.alicdn.com/t/font_1142441_gaoe30cisdn.css'
+        href: '//at.alicdn.com/t/font_1142441_j56046itliq.css'
       }
     ]
   },
@@ -65,9 +65,16 @@ export default {
   plugins: [
     '~/plugins/filters',
     '~/plugins/axios',
-    '~/plugins/mlog',
+    '~/plugins/bbs-go',
     { src: '~/plugins/infinite-scroll', ssr: false }
   ],
+  /*
+   ** Nuxt.js dev-modules
+   */
+  buildModules: [
+    // Doc: https://github.com/nuxt-community/eslint-module
+    '@nuxtjs/eslint-module'
+  ],
   /*
    ** Nuxt.js modules
    */
@@ -82,7 +89,7 @@ export default {
     [
       '@nuxtjs/google-adsense',
       {
-        id: 'ca-pub-xxx',
+        id: 'ca-pub-5683711753850351',
         pageLevelAds: true
       }
     ]
@@ -98,7 +105,6 @@ export default {
 
   proxy: {
     '/api/': 'http://bbs-go-server:8082'
-    // '/api/': 'https://mlog.club/'
   },
 
   // Doc: https://github.com/shakee93/vue-toasted
@@ -113,6 +119,12 @@ export default {
    ** Build configuration
    */
   build: {
+    optimizeCSS: true,
+    splitChunks: {
+      layouts: true,
+      pages: true,
+      commons: true
+    },
     postcss: {
       preset: {
         features: {
diff --git a/site/nuxt.config.js b/site/nuxt.config.js
index 17063d5935816d7f280bc8b0c0fcb6f839160cdf..3c91a71d61ea76d778a2e0fdac71fd1e841303a6 100644
--- a/site/nuxt.config.js
+++ b/site/nuxt.config.js
@@ -47,7 +47,7 @@ export default {
       },
       {
         rel: 'stylesheet',
-        href: '//at.alicdn.com/t/font_1142441_3f971w5ii6l.css'
+        href: '//at.alicdn.com/t/font_1142441_j56046itliq.css'
       }
     ]
   },
@@ -104,8 +104,8 @@ export default {
   },
 
   proxy: {
-    // '/api/': 'http://localhost:8082'
-    '/api/': 'https://mlog.club'
+    '/api/': 'http://localhost:8082'
+    // '/api/': 'https://mlog.club'
   },
 
   // Doc: https://github.com/shakee93/vue-toasted
@@ -120,6 +120,13 @@ export default {
    ** Build configuration
    */
   build: {
+    publicPath: 'https://file.mlog.club/static/nuxtclient/',
+    optimizeCSS: true,
+    splitChunks: {
+      layouts: true,
+      pages: true,
+      commons: true
+    },
     postcss: {
       preset: {
         features: {
diff --git a/site/package-lock.json b/site/package-lock.json
index 7253889aecea066c00c50b5f48386e034f1b45c3..187c3000822de8c26e8326f7a589005ced23e1b7 100644
--- a/site/package-lock.json
+++ b/site/package-lock.json
@@ -3231,6 +3231,14 @@
       "resolved": "https://registry.npm.taobao.org/async-limiter/download/async-limiter-1.0.1.tgz?cache=0&sync_timestamp=1574271725892&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fasync-limiter%2Fdownload%2Fasync-limiter-1.0.1.tgz",
       "integrity": "sha1-3TeelPDbgxCwgpH51kwyCXZmF/0="
     },
+    "async-validator": {
+      "version": "1.8.5",
+      "resolved": "https://registry.npm.taobao.org/async-validator/download/async-validator-1.8.5.tgz?cache=0&sync_timestamp=1575620590760&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fasync-validator%2Fdownload%2Fasync-validator-1.8.5.tgz",
+      "integrity": "sha1-3D4I7B/Q3dtn5ghC8CwM0c7G1/A=",
+      "requires": {
+        "babel-runtime": "6.x"
+      }
+    },
     "asynckit": {
       "version": "0.4.0",
       "resolved": "http://registry.npm.taobao.org/asynckit/download/asynckit-0.4.0.tgz",
@@ -3327,6 +3335,11 @@
         "resolve": "^1.12.0"
       }
     },
+    "babel-helper-vue-jsx-merge-props": {
+      "version": "2.0.3",
+      "resolved": "http://registry.npm.taobao.org/babel-helper-vue-jsx-merge-props/download/babel-helper-vue-jsx-merge-props-2.0.3.tgz",
+      "integrity": "sha1-Iq69OzOQIyjlEyk6jkmSs4T58bY="
+    },
     "babel-loader": {
       "version": "8.0.6",
       "resolved": "https://registry.npm.taobao.org/babel-loader/download/babel-loader-8.0.6.tgz",
@@ -3346,6 +3359,22 @@
         "object.assign": "^4.1.0"
       }
     },
+    "babel-runtime": {
+      "version": "6.26.0",
+      "resolved": "http://registry.npm.taobao.org/babel-runtime/download/babel-runtime-6.26.0.tgz",
+      "integrity": "sha1-llxwWGaOgrVde/4E/yM3vItWR/4=",
+      "requires": {
+        "core-js": "^2.4.0",
+        "regenerator-runtime": "^0.11.0"
+      },
+      "dependencies": {
+        "regenerator-runtime": {
+          "version": "0.11.1",
+          "resolved": "https://registry.npm.taobao.org/regenerator-runtime/download/regenerator-runtime-0.11.1.tgz?cache=0&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fregenerator-runtime%2Fdownload%2Fregenerator-runtime-0.11.1.tgz",
+          "integrity": "sha1-vgWtf5v30i4Fb5cmzuUBf78Z4uk="
+        }
+      }
+    },
     "balanced-match": {
       "version": "1.0.0",
       "resolved": "http://registry.npm.taobao.org/balanced-match/download/balanced-match-1.0.0.tgz",
@@ -5073,6 +5102,26 @@
       "resolved": "https://registry.npm.taobao.org/electron-to-chromium/download/electron-to-chromium-1.3.332.tgz?cache=0&sync_timestamp=1578795354180&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Felectron-to-chromium%2Fdownload%2Felectron-to-chromium-1.3.332.tgz",
       "integrity": "sha1-KD3wLYJp4l2eL0JOEekJyXMKioI="
     },
+    "element-ui": {
+      "version": "2.13.0",
+      "resolved": "https://registry.npm.taobao.org/element-ui/download/element-ui-2.13.0.tgz",
+      "integrity": "sha1-9rsE5bCnbqX2JGYES3dEB7pOvS0=",
+      "requires": {
+        "async-validator": "~1.8.1",
+        "babel-helper-vue-jsx-merge-props": "^2.0.0",
+        "deepmerge": "^1.2.0",
+        "normalize-wheel": "^1.0.1",
+        "resize-observer-polyfill": "^1.5.0",
+        "throttle-debounce": "^1.0.1"
+      },
+      "dependencies": {
+        "deepmerge": {
+          "version": "1.5.2",
+          "resolved": "https://registry.npm.taobao.org/deepmerge/download/deepmerge-1.5.2.tgz?cache=0&sync_timestamp=1572279720382&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fdeepmerge%2Fdownload%2Fdeepmerge-1.5.2.tgz",
+          "integrity": "sha1-EEmdhohEza1P7ghC34x/bwyVp1M="
+        }
+      }
+    },
     "elliptic": {
       "version": "6.5.2",
       "resolved": "https://registry.npm.taobao.org/elliptic/download/elliptic-6.5.2.tgz?cache=0&sync_timestamp=1574449990666&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Felliptic%2Fdownload%2Felliptic-6.5.2.tgz",
@@ -8520,6 +8569,11 @@
       "resolved": "https://registry.npm.taobao.org/normalize-url/download/normalize-url-3.3.0.tgz",
       "integrity": "sha1-suHE3E98bVd0PfczpPWXjRhlBVk="
     },
+    "normalize-wheel": {
+      "version": "1.0.1",
+      "resolved": "http://registry.npm.taobao.org/normalize-wheel/download/normalize-wheel-1.0.1.tgz",
+      "integrity": "sha1-rsiGr/2wRQcNhWRH32Ls+GFG7EU="
+    },
     "npm-run-path": {
       "version": "4.0.1",
       "resolved": "https://registry.npm.taobao.org/npm-run-path/download/npm-run-path-4.0.1.tgz?cache=0&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fnpm-run-path%2Fdownload%2Fnpm-run-path-4.0.1.tgz",
@@ -10641,6 +10695,11 @@
       "integrity": "sha1-AKCUD5jNUBrqqsMWQR2a3FKzGrE=",
       "dev": true
     },
+    "resize-observer-polyfill": {
+      "version": "1.5.1",
+      "resolved": "http://registry.npm.taobao.org/resize-observer-polyfill/download/resize-observer-polyfill-1.5.1.tgz",
+      "integrity": "sha1-DpAg3T0hAkRY1OvSfiPkAmmBBGQ="
+    },
     "resolve": {
       "version": "1.12.0",
       "resolved": "https://registry.npm.taobao.org/resolve/download/resolve-1.12.0.tgz?cache=0&sync_timestamp=1564641434608&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fresolve%2Fdownload%2Fresolve-1.12.0.tgz",
@@ -11120,6 +11179,11 @@
         "is-plain-obj": "^1.0.0"
       }
     },
+    "sortablejs": {
+      "version": "1.10.2",
+      "resolved": "https://registry.npm.taobao.org/sortablejs/download/sortablejs-1.10.2.tgz",
+      "integrity": "sha1-bkA2TZE/mLhaFPZnj5K1wSIfUpA="
+    },
     "source-list-map": {
       "version": "2.0.1",
       "resolved": "http://registry.npm.taobao.org/source-list-map/download/source-list-map-2.0.1.tgz",
@@ -11748,6 +11812,11 @@
         "neo-async": "^2.6.0"
       }
     },
+    "throttle-debounce": {
+      "version": "1.1.0",
+      "resolved": "http://registry.npm.taobao.org/throttle-debounce/download/throttle-debounce-1.1.0.tgz",
+      "integrity": "sha1-UYU9o3vmihVctugns1FKPEIuic0="
+    },
     "through": {
       "version": "2.3.8",
       "resolved": "http://registry.npm.taobao.org/through/download/through-2.3.8.tgz",
@@ -12420,6 +12489,14 @@
       "resolved": "https://registry.npm.taobao.org/vue-toasted/download/vue-toasted-1.1.27.tgz",
       "integrity": "sha1-zgp0uHX5DC5KnhY8zm1fw314oHw="
     },
+    "vuedraggable": {
+      "version": "2.23.2",
+      "resolved": "https://registry.npm.taobao.org/vuedraggable/download/vuedraggable-2.23.2.tgz?cache=0&sync_timestamp=1569987518331&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fvuedraggable%2Fdownload%2Fvuedraggable-2.23.2.tgz",
+      "integrity": "sha1-DZXX/fTwL1Z1Wiazydylx8qc+nI=",
+      "requires": {
+        "sortablejs": "^1.10.1"
+      }
+    },
     "vuex": {
       "version": "3.1.2",
       "resolved": "https://registry.npm.taobao.org/vuex/download/vuex-3.1.2.tgz",
diff --git a/site/package.json b/site/package.json
index e38189f33c79901dde8ba2a8bbcb61cec1ddf0f7..ecd80969585be31ac4cd724fe7bc1af048f7db64 100644
--- a/site/package.json
+++ b/site/package.json
@@ -19,9 +19,11 @@
     "@nuxtjs/google-adsense": "^1.1.3",
     "@nuxtjs/toast": "^3.2.1",
     "cookie-universal-nuxt": "^2.0.18",
+    "element-ui": "^2.13.0",
     "nuxt": "^2.11.0",
     "qs": "^6.9.0",
-    "vue-infinite-scroll": "^2.0.2"
+    "vue-infinite-scroll": "^2.0.2",
+    "vuedraggable": "^2.23.2"
   },
   "devDependencies": {
     "@nuxtjs/eslint-config": "^1.0.1",
diff --git a/site/pages/admin/articles/index.vue b/site/pages/admin/articles/index.vue
new file mode 100644
index 0000000000000000000000000000000000000000..4722c0285bfa37fcaefe627db49ec2ebe8bf6871
--- /dev/null
+++ b/site/pages/admin/articles/index.vue
@@ -0,0 +1,243 @@
+<template>
+  <section v-loading="listLoading" class="page-container">
+    <!--工具条-->
+    <div class="toolbar">
+      <el-form :inline="true" :model="filters">
+        <el-form-item>
+          <el-input v-model="filters.id" placeholder="编号"></el-input>
+        </el-form-item>
+        <el-form-item>
+          <el-input v-model="filters.userId" placeholder="用户编号"></el-input>
+        </el-form-item>
+        <el-form-item>
+          <el-input v-model="filters.title" placeholder="标题"></el-input>
+        </el-form-item>
+        <el-form-item>
+          <el-select
+            v-model="filters.status"
+            @change="list"
+            clearable
+            placeholder="请选择状态"
+          >
+            <el-option label="正常" value="0"></el-option>
+            <el-option label="删除" value="1"></el-option>
+          </el-select>
+        </el-form-item>
+        <el-form-item>
+          <el-button v-on:click="list" type="primary">查询</el-button>
+        </el-form-item>
+      </el-form>
+    </div>
+
+    <!--列表-->
+    <div class="articles main-content">
+      <div v-for="item in results" :key="item.id" class="article">
+        <div class="article-header">
+          <img :src="item.user.avatar" class="avatar" />
+          <div class="article-right">
+            <div class="article-title">
+              <a :href="'/article/' + item.id" target="_blank">{{
+                item.title
+              }}</a>
+            </div>
+            <div class="article-meta">
+              <label v-if="item.user" class="author">{{
+                item.user.nickname
+              }}</label>
+              <label>{{ item.createTime | formatDate }}</label>
+              <label v-for="tag in item.tags" :key="tag.tagId" class="tag">{{
+                tag.tagName
+              }}</label>
+            </div>
+          </div>
+        </div>
+        <div class="summary">{{ item.summary }}</div>
+        <div class="article-footer">
+          <span v-if="item.status === 1" class="danger">已删除</span>
+          <span class="info">编号：{{ item.id }}</span>
+          <a @click="deleteSubmit(item)" class="btn">删除</a>
+        </div>
+      </div>
+    </div>
+
+    <!--工具条-->
+    <div class="pagebar">
+      <el-pagination
+        :page-sizes="[20, 50, 100, 300]"
+        @current-change="handlePageChange"
+        @size-change="handleLimitChange"
+        :current-page="page.page"
+        :page-size="page.limit"
+        :total="page.total"
+        layout="total, sizes, prev, pager, next, jumper"
+      ></el-pagination>
+    </div>
+  </section>
+</template>
+
+<script>
+export default {
+  layout: 'admin',
+  data() {
+    return {
+      results: [],
+      listLoading: false,
+      page: {},
+      filters: {
+        title: '',
+        status: ''
+      },
+      tagOptions: []
+    }
+  },
+  mounted() {
+    this.list()
+  },
+  methods: {
+    list() {
+      const me = this
+      me.listLoading = true
+      const params = Object.assign(me.filters, {
+        page: me.page.page,
+        limit: me.page.limit
+      })
+      this.$axios
+        .post('/api/admin/article/list', params)
+        .then((data) => {
+          me.results = data.results
+          me.page = data.page
+        })
+        .finally(() => {
+          me.listLoading = false
+        })
+    },
+    handlePageChange(val) {
+      this.page.page = val
+      this.list()
+    },
+    handleLimitChange(val) {
+      this.page.limit = val
+      this.list()
+    },
+    deleteSubmit(row) {
+      const me = this
+      this.$axios
+        .post('/api/admin/article/delete', { id: row.id })
+        .then((data) => {
+          me.$message({ message: '删除成功', type: 'success' })
+          me.list()
+        })
+        .catch((rsp) => {
+          me.$notify.error({ title: '错误', message: rsp.message })
+        })
+    }
+  }
+}
+</script>
+
+<style scoped lang="scss">
+.articles {
+  display: table;
+
+  .article:not(:last-child) {
+    border-bottom: solid 1px rgba(140, 147, 157, 0.14);
+  }
+
+  .article {
+    padding-top: 10px;
+    padding-bottom: 10px;
+
+    .article-header {
+      display: flex;
+
+      .avatar {
+        max-width: 50px;
+        max-height: 50px;
+        min-width: 50px;
+        min-height: 50px;
+        border-radius: 50%;
+      }
+
+      .article-right {
+        display: block;
+        margin-left: 10px;
+
+        .article-title a {
+          color: #555;
+          font-size: 16px;
+          font-weight: bold;
+          cursor: pointer;
+          text-decoration: none;
+        }
+
+        .article-meta {
+          margin-top: 8px;
+
+          label:not(:last-child) {
+            margin-right: 5px;
+          }
+
+          label {
+            color: #999;
+            font-size: 12px;
+          }
+
+          label.tag {
+            align-items: center;
+            background-color: #f5f5f5;
+            border-radius: 4px;
+            color: #4a4a4a;
+            display: inline-flex;
+            justify-content: center;
+            line-height: 1.5;
+            padding-left: 5px;
+            padding-right: 5px;
+            white-space: nowrap;
+          }
+        }
+      }
+    }
+
+    .summary {
+      margin-top: 10px;
+      margin-left: 60px;
+      word-break: break-all;
+      -webkit-line-clamp: 2;
+      overflow: hidden !important;
+      text-overflow: ellipsis;
+      -webkit-box-orient: vertical;
+      display: -webkit-box;
+      color: #4a4a4a;
+      font-size: 12px;
+      font-weight: 400;
+      line-height: 1.5;
+    }
+
+    .article-footer {
+      text-align: right;
+
+      span.info {
+        font-size: 12px;
+        margin-right: 10px;
+        background: #eee;
+        padding: 2px 5px 2px 5px;
+      }
+
+      span.danger {
+        font-size: 12px;
+        margin-right: 10px;
+        background: #eee;
+        color: red;
+        padding: 2px 5px 2px 5px;
+      }
+
+      a.btn {
+        font-size: 12px;
+        margin-right: 10px;
+        color: blue;
+        cursor: pointer;
+      }
+    }
+  }
+}
+</style>
diff --git a/site/pages/admin/comments/index.vue b/site/pages/admin/comments/index.vue
new file mode 100644
index 0000000000000000000000000000000000000000..0da05f99452f584e1f4b17b9a8eaf20b010062fa
--- /dev/null
+++ b/site/pages/admin/comments/index.vue
@@ -0,0 +1,222 @@
+<template>
+  <section v-loading="listLoading" class="page-container">
+    <div class="main-content">
+      <ul class="comments">
+        <li v-for="item in results" :key="item.id">
+          <div class="comment-item">
+            <div
+              :style="{ backgroundImage: 'url(' + item.user.avatar + ')' }"
+              class="avatar"
+            ></div>
+            <div class="content">
+              <div class="meta">
+                <span class="nickname"
+                  ><a :href="'/user/' + item.user.id" target="_blank">{{
+                    item.user.nickname
+                  }}</a></span
+                >
+                <span class="create-time"
+                  >@{{ item.createTime | formatDate }}</span
+                >
+                <span v-if="item.entityType === 'article'">
+                  <a :href="'/article/' + item.entityId" target="_blank"
+                    >文章：{{ item.entityId }}</a
+                  >
+                </span>
+
+                <span v-if="item.entityType === 'topic'">
+                  <a :href="'/topic/' + item.entityId" target="_blank"
+                    >文章：{{ item.entityId }}</a
+                  >
+                </span>
+              </div>
+              <div v-html="item.content" class="summary"></div>
+              <div class="tools">
+                <span v-if="item.status === 1" class="item info">已删除</span>
+                <a @click="handleDelete(item)" class="item">删除</a>
+              </div>
+            </div>
+          </div>
+        </li>
+      </ul>
+    </div>
+
+    <div class="pagebar">
+      <el-pagination
+        :page-sizes="[20, 50, 100, 300]"
+        @current-change="handlePageChange"
+        @size-change="handleLimitChange"
+        :current-page="page.page"
+        :page-size="page.limit"
+        :total="page.total"
+        layout="total, sizes, prev, pager, next, jumper"
+      ></el-pagination>
+    </div>
+  </section>
+</template>
+
+<script>
+export default {
+  layout: 'admin',
+  data() {
+    return {
+      results: [],
+      listLoading: false,
+      page: {},
+      filters: {
+        userId: '',
+        status: ''
+      },
+      selectedRows: [],
+
+      addForm: {
+        userId: '',
+        entityType: '',
+        entityId: '',
+        content: '',
+        quoteId: '',
+        status: '',
+        createTime: ''
+      },
+      addFormVisible: false,
+      addFormRules: {},
+      addLoading: false,
+
+      editForm: {
+        id: '',
+        userId: '',
+        entityType: '',
+        entityId: '',
+        content: '',
+        quoteId: '',
+        status: '',
+        createTime: ''
+      },
+      editFormVisible: false,
+      editFormRules: {},
+      editLoading: false
+    }
+  },
+  mounted() {
+    this.list()
+  },
+  methods: {
+    list() {
+      const me = this
+      me.listLoading = true
+      const params = Object.assign(me.filters, {
+        page: me.page.page,
+        limit: me.page.limit
+      })
+      this.$axios
+        .post('/api/admin/comment/list', params)
+        .then((data) => {
+          me.results = data.results
+          me.page = data.page
+        })
+        .finally(() => {
+          me.listLoading = false
+        })
+    },
+    handlePageChange(val) {
+      this.page.page = val
+      this.list()
+    },
+    handleLimitChange(val) {
+      this.page.limit = val
+      this.list()
+    },
+    handleSelectionChange(val) {
+      this.selectedRows = val
+    },
+    handleDelete(row) {
+      const me = this
+      this.$axios
+        .post(`/api/admin/comment/delete/${row.id}`)
+        .then((data) => {
+          me.$message.success('删除成功')
+          me.list()
+        })
+        .catch((rsp) => {
+          me.$notify.error({ title: '错误', message: rsp.message })
+        })
+    }
+  }
+}
+</script>
+
+<style scoped lang="scss">
+.comments {
+  list-style: none;
+  padding: 0px;
+
+  li {
+    border-bottom: 1px solid #f2f2f2;
+    padding-top: 10px;
+    padding-bottom: 10px;
+
+    .comment-item {
+      display: flex;
+
+      .avatar {
+        min-width: 40px;
+        min-height: 40px;
+        width: 40px;
+        height: 40px;
+        border-radius: 50%;
+        margin-right: 10px;
+        background-repeat: no-repeat;
+        background-size: contain;
+        background-position: center;
+      }
+
+      .content {
+        width: 100%;
+        .meta {
+          span {
+            &:not(:last-child) {
+              margin-right: 5px;
+            }
+
+            font-size: 13px;
+            color: #999;
+            font-weight: bold;
+
+            &.nickname {
+              color: #1a1a1a;
+              font-size: 14px;
+              font-weight: bold;
+            }
+
+            &.create-time {
+              color: #999;
+              font-size: 13px;
+              font-weight: normal;
+            }
+          }
+        }
+
+        .summary {
+          font-size: 15px;
+          color: #555;
+        }
+
+        .tools {
+          float: right;
+          .item {
+            color: blue;
+            cursor: pointer;
+            &:not(:last-child) {
+              margin-right: 10px;
+            }
+
+            &.info {
+              color: red;
+            }
+          }
+        }
+      }
+    }
+  }
+}
+</style>
diff --git a/site/pages/admin/index.vue b/site/pages/admin/index.vue
new file mode 100644
index 0000000000000000000000000000000000000000..c2d8522ac28503aa926e9ee48bcc983d99f8eb13
--- /dev/null
+++ b/site/pages/admin/index.vue
@@ -0,0 +1,77 @@
+<template>
+  <div class="index-container">
+    <h1 class="index-title">后台首页</h1>
+    <div class="widget">
+      <div class="widget-header">服务器信息</div>
+      <div class="widget-content">
+        <div>OS: {{ systeminfo.os }}</div>
+        <div>Arch: {{ systeminfo.arch }}</div>
+        <div>Cpu: {{ systeminfo.numCpu }}</div>
+        <div>GOROOT: {{ systeminfo.goroot }}</div>
+        <div>Go version: {{ systeminfo.goversion }}</div>
+      </div>
+    </div>
+    <div class="widget">
+      <div class="widget-header">开发团队信息</div>
+      <div class="widget-content">
+        <div>
+          Official Site:
+          <a href="https://mlog.club/" target="_blank">https://mlog.club/</a>
+        </div>
+        <div>
+          Dev Team:
+          <a href="https://github.com/mlogclub/" target="_blank">码农俱乐部</a>
+        </div>
+        <div>
+          Github:
+          <a href="https://github.com/mlogclub/" target="_blank">码农俱乐部</a>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  layout: 'admin',
+  async asyncData({ $axios }) {
+    const systeminfo = await $axios.get('/api/admin/common/systeminfo')
+    return {
+      systeminfo
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.index-container {
+  margin: 20px;
+  font-size: 14px;
+  font-family: inherit;
+  color: inherit;
+  font-weight: 500;
+  line-height: 1.8;
+
+  .widget-content {
+    margin-top: 0px;
+  }
+
+  .index-title {
+    font-size: 24px;
+    font-weight: 700;
+  }
+
+  .card {
+    padding: 10px;
+    position: relative;
+    display: flex;
+    flex-direction: column;
+    min-width: 0;
+    word-wrap: break-word;
+    background-clip: border-box;
+    background-color: #fff;
+    border: 1px solid rgba(0, 0, 0, 0.125);
+    border-radius: 0.25rem;
+  }
+}
+</style>
diff --git a/site/pages/admin/links/index.vue b/site/pages/admin/links/index.vue
new file mode 100644
index 0000000000000000000000000000000000000000..30ab65c12686282b78703e70fd4f50c9be3035b1
--- /dev/null
+++ b/site/pages/admin/links/index.vue
@@ -0,0 +1,393 @@
+<template>
+  <section class="page-container">
+    <div class="toolbar">
+      <el-form :inline="true" :model="filters">
+        <el-form-item>
+          <el-input v-model="filters.title" placeholder="标题"></el-input>
+        </el-form-item>
+        <el-form-item>
+          <el-input v-model="filters.url" placeholder="链接"></el-input>
+        </el-form-item>
+        <el-form-item>
+          <el-select
+            v-model="filters.status"
+            @change="list"
+            clearable
+            placeholder="请选择状态"
+          >
+            <el-option label="正常" value="0"></el-option>
+            <el-option label="删除" value="1"></el-option>
+            <el-option label="待审核" value="2"></el-option>
+          </el-select>
+        </el-form-item>
+        <el-form-item>
+          <el-button v-on:click="list" type="primary">查询</el-button>
+        </el-form-item>
+        <el-form-item>
+          <el-button @click="handleAdd" type="primary">新增</el-button>
+        </el-form-item>
+      </el-form>
+    </div>
+
+    <el-table
+      :data="results"
+      v-loading="listLoading"
+      @selection-change="handleSelectionChange"
+      highlight-current-row
+      stripe
+      style="width: 100%;"
+    >
+      <el-table-column type="expand">
+        <template slot-scope="scope">
+          <div class="content-form">
+            <div v-if="scope.row.category" class="form-item">
+              <div class="field-key">分类：</div>
+              <div class="field-value">{{ scope.row.category }}</div>
+            </div>
+          </div>
+          <div class="content-form">
+            <div v-if="scope.row.summary" class="form-item">
+              <div class="field-key">描述：</div>
+              <div class="field-value">{{ scope.row.summary }}</div>
+            </div>
+          </div>
+          <div class="content-form">
+            <div class="form-item">
+              <div class="field-key">创建时间：</div>
+              <div class="field-value">
+                {{ scope.row.createTime | formatDate }}
+              </div>
+            </div>
+          </div>
+          <div class="content-form">
+            <div v-if="scope.row.remark" class="form-item">
+              <div class="field-key">备注：</div>
+              <div class="field-value">{{ scope.row.remark }}</div>
+            </div>
+          </div>
+        </template>
+      </el-table-column>
+      <!-- <el-table-column type="selection" width="55"></el-table-column> -->
+      <el-table-column prop="id" label="编号" width="100"></el-table-column>
+      <!-- <el-table-column prop="category" label="分类"></el-table-column> -->
+      <el-table-column prop="url" label="链接">
+        <template slot-scope="scope">
+          <a :href="scope.row.url" target="_blank">{{ scope.row.url }}</a>
+        </template>
+      </el-table-column>
+      <el-table-column prop="title" label="标题"></el-table-column>
+      <!-- <el-table-column prop="summary" label="描述"></el-table-column> -->
+      <!-- <el-table-column prop="logo" label="Logo"></el-table-column> -->
+      <el-table-column prop="status" label="状态" width="50">
+        <template slot-scope="scope">{{
+          scope.row.status === 0
+            ? '正常'
+            : scope.row.status === 1
+            ? '删除'
+            : '待审核'
+        }}</template>
+      </el-table-column>
+      <el-table-column prop="score" label="分数" width="80">
+        <template slot-scope="scope">{{ scope.row.score || 0 }}</template>
+      </el-table-column>
+      <!--
+      <el-table-column prop="createTime" label="创建时间">
+        <template slot-scope="scope">{{scope.row.createTime | formatDate}}</template>
+      </el-table-column>
+      -->
+      <el-table-column label="操作" width="150">
+        <template slot-scope="scope">
+          <el-button @click="handleEdit(scope.$index, scope.row)" size="small"
+            >编辑</el-button
+          >
+        </template>
+      </el-table-column>
+    </el-table>
+
+    <div class="pagebar">
+      <el-pagination
+        :page-sizes="[20, 50, 100, 300]"
+        @current-change="handlePageChange"
+        @size-change="handleLimitChange"
+        :current-page="page.page"
+        :page-size="page.limit"
+        :total="page.total"
+        layout="total, sizes, prev, pager, next, jumper"
+      ></el-pagination>
+    </div>
+
+    <el-dialog
+      :visible.sync="addFormVisible"
+      :close-on-click-modal="false"
+      title="新增"
+    >
+      <el-form ref="addForm" :model="addForm" label-width="80px">
+        <el-form-item label="链接">
+          <el-input v-model="addForm.url" style="width: 80%;"></el-input>&nbsp;
+          <el-button @click="detect" type="primary">Detect</el-button>
+        </el-form-item>
+
+        <el-form-item label="标题">
+          <el-input v-model="addForm.title"></el-input>
+        </el-form-item>
+
+        <el-form-item label="描述">
+          <el-input
+            v-model="addForm.summary"
+            :autosize="{ minRows: 2, maxRows: 4 }"
+          ></el-input>
+        </el-form-item>
+
+        <el-form-item label="Logo">
+          <el-input v-model="addForm.logo"></el-input>
+        </el-form-item>
+
+        <el-form-item label="分类">
+          <el-input v-model="addForm.category"></el-input>
+        </el-form-item>
+
+        <el-form-item label="状态" prop="status">
+          <el-select v-model="addForm.status" placeholder="请选择">
+            <el-option :key="0" :value="0" label="正常"></el-option>
+            <el-option :key="1" :value="1" label="删除"></el-option>
+            <el-option :key="2" :value="2" label="待审核"></el-option>
+          </el-select>
+        </el-form-item>
+
+        <el-form-item label="分数">
+          <el-input-number
+            v-model="addForm.score"
+            :min="1"
+            :max="100"
+            label="分数越高越优质"
+          ></el-input-number>
+        </el-form-item>
+
+        <el-form-item label="备注">
+          <el-input
+            v-model="addForm.remark"
+            :autosize="{ minRows: 2, maxRows: 4 }"
+          ></el-input>
+        </el-form-item>
+      </el-form>
+      <div slot="footer" class="dialog-footer">
+        <el-button @click.native="addFormVisible = false">取消</el-button>
+        <el-button
+          @click.native="addSubmit"
+          :loading="addLoading"
+          type="primary"
+          >提交</el-button
+        >
+      </div>
+    </el-dialog>
+
+    <el-dialog
+      :visible.sync="editFormVisible"
+      :close-on-click-modal="false"
+      title="编辑"
+    >
+      <el-form
+        ref="editForm"
+        :model="editForm"
+        :rules="editFormRules"
+        label-width="80px"
+      >
+        <el-input v-model="editForm.id" type="hidden"></el-input>
+
+        <el-form-item label="链接">
+          <el-input v-model="editForm.url"></el-input>
+        </el-form-item>
+
+        <el-form-item label="标题">
+          <el-input v-model="editForm.title"></el-input>
+        </el-form-item>
+
+        <el-form-item label="描述">
+          <el-input
+            v-model="editForm.summary"
+            :autosize="{ minRows: 2, maxRows: 4 }"
+          ></el-input>
+        </el-form-item>
+
+        <el-form-item label="Logo">
+          <el-input v-model="editForm.logo"></el-input>
+        </el-form-item>
+
+        <el-form-item label="分类">
+          <el-input v-model="editForm.category"></el-input>
+        </el-form-item>
+
+        <el-form-item label="状态" prop="status">
+          <el-select v-model="editForm.status" placeholder="请选择">
+            <el-option :key="0" :value="0" label="正常"></el-option>
+            <el-option :key="1" :value="1" label="删除"></el-option>
+            <el-option :key="2" :value="2" label="待审核"></el-option>
+          </el-select>
+        </el-form-item>
+
+        <el-form-item label="分数">
+          <el-input-number
+            v-model="editForm.score"
+            :min="1"
+            :max="100"
+            label="分数越高越优质"
+          ></el-input-number>
+        </el-form-item>
+
+        <el-form-item label="备注">
+          <el-input
+            v-model="editForm.remark"
+            :autosize="{ minRows: 2, maxRows: 4 }"
+          ></el-input>
+        </el-form-item>
+      </el-form>
+      <div slot="footer" class="dialog-footer">
+        <el-button @click.native="editFormVisible = false">取消</el-button>
+        <el-button
+          @click.native="editSubmit"
+          :loading="editLoading"
+          type="primary"
+          >提交</el-button
+        >
+      </div>
+    </el-dialog>
+  </section>
+</template>
+
+<script>
+export default {
+  layout: 'admin',
+  data() {
+    return {
+      results: [],
+      listLoading: false,
+      page: {},
+      filters: {},
+      selectedRows: [],
+
+      addForm: {},
+      addFormVisible: false,
+      addFormRules: {},
+      addLoading: false,
+
+      editForm: {},
+      editFormVisible: false,
+      editFormRules: {},
+      editLoading: false
+    }
+  },
+  mounted() {
+    this.list()
+  },
+  methods: {
+    list() {
+      const me = this
+      me.listLoading = true
+      const params = Object.assign(me.filters, {
+        page: me.page.page,
+        limit: me.page.limit
+      })
+      this.$axios
+        .post('/api/admin/link/list', params)
+        .then((data) => {
+          me.results = data.results
+          me.page = data.page
+        })
+        .finally(() => {
+          me.listLoading = false
+        })
+    },
+    handlePageChange(val) {
+      this.page.page = val
+      this.list()
+    },
+    handleLimitChange(val) {
+      this.page.limit = val
+      this.list()
+    },
+    handleAdd() {
+      this.addForm = {}
+      this.addFormVisible = true
+    },
+    addSubmit() {
+      const me = this
+      this.$axios
+        .post('/api/admin/link/create', this.addForm)
+        .then((data) => {
+          me.$message({ message: '提交成功', type: 'success' })
+          me.addFormVisible = false
+          me.list()
+        })
+        .catch((rsp) => {
+          me.$notify.error({ title: '错误', message: rsp.message })
+        })
+    },
+    async detect() {
+      if (!this.addForm.url) {
+        return
+      }
+      try {
+        const flag = await this.$confirm(
+          '确定采集吗，采集之后将覆盖现有内容?',
+          '提示',
+          { type: 'warning' }
+        )
+        if (flag) {
+          const data = await this.$axios.get('/api/admin/link/detect', {
+            url: this.addForm.url
+          })
+          if (data) {
+            this.addForm.title = data.title
+            this.addForm.summary = data.description
+          }
+        }
+      } catch (e) {
+        this.$notify.error({ title: '错误', message: e.message || e })
+      }
+    },
+    handleEdit(index, row) {
+      const me = this
+      this.$axios
+        .get(`/api/admin/link/${row.id}`)
+        .then((data) => {
+          me.editForm = Object.assign({}, data)
+          me.editFormVisible = true
+        })
+        .catch((rsp) => {
+          me.$notify.error({ title: '错误', message: rsp.message })
+        })
+    },
+    editSubmit() {
+      const me = this
+      this.$axios
+        .post('/api/admin/link/update', me.editForm)
+        .then((data) => {
+          me.list()
+          me.editFormVisible = false
+        })
+        .catch((rsp) => {
+          me.$notify.error({ title: '错误', message: rsp.message })
+        })
+    },
+
+    handleSelectionChange(val) {
+      this.selectedRows = val
+    }
+  }
+}
+</script>
+
+<style scoped>
+.demo-table-expand {
+  font-size: 0;
+}
+.demo-table-expand label {
+  width: 90px;
+  color: #99a9bf;
+}
+.demo-table-expand .el-form-item {
+  margin-right: 0;
+  margin-bottom: 0;
+  width: 50%;
+}
+</style>
diff --git a/site/pages/admin/nodes/index.vue b/site/pages/admin/nodes/index.vue
new file mode 100644
index 0000000000000000000000000000000000000000..4e1e68685f7363e6341d337a3e304aa0d49499cd
--- /dev/null
+++ b/site/pages/admin/nodes/index.vue
@@ -0,0 +1,253 @@
+<template>
+  <section class="page-container">
+    <div class="toolbar">
+      <el-form :inline="true" :model="filters">
+        <el-form-item>
+          <el-input v-model="filters.name" placeholder="名称"></el-input>
+        </el-form-item>
+        <el-form-item>
+          <el-button v-on:click="list" type="primary">查询</el-button>
+        </el-form-item>
+        <el-form-item>
+          <el-button @click="handleAdd" type="primary">新增</el-button>
+        </el-form-item>
+      </el-form>
+    </div>
+
+    <el-table
+      :data="results"
+      v-loading="listLoading"
+      @selection-change="handleSelectionChange"
+      highlight-current-row
+      border
+      style="width: 100%;"
+    >
+      <el-table-column type="selection" width="55"></el-table-column>
+      <el-table-column prop="id" label="编号"></el-table-column>
+      <el-table-column prop="name" label="名称"></el-table-column>
+      <el-table-column prop="description" label="描述"></el-table-column>
+      <el-table-column prop="sortNo" label="排序"></el-table-column>
+      <el-table-column prop="status" label="状态">
+        <template slot-scope="scope">{{
+          scope.row.status === 0 ? '启用' : '禁用'
+        }}</template>
+      </el-table-column>
+
+      <el-table-column prop="createTime" label="创建时间">
+        <template slot-scope="scope">{{
+          scope.row.createTime | formatDate
+        }}</template>
+      </el-table-column>
+
+      <el-table-column label="操作" width="150">
+        <template slot-scope="scope">
+          <el-button @click="handleEdit(scope.$index, scope.row)" size="small"
+            >编辑</el-button
+          >
+        </template>
+      </el-table-column>
+    </el-table>
+
+    <div class="pagebar">
+      <el-pagination
+        :page-sizes="[20, 50, 100, 300]"
+        @current-change="handlePageChange"
+        @size-change="handleLimitChange"
+        :current-page="page.page"
+        :page-size="page.limit"
+        :total="page.total"
+        layout="total, sizes, prev, pager, next, jumper"
+      >
+      </el-pagination>
+    </div>
+
+    <el-dialog
+      :visible.sync="addFormVisible"
+      :close-on-click-modal="false"
+      title="新增"
+    >
+      <el-form ref="addForm" :model="addForm" label-width="80px">
+        <el-form-item label="名称">
+          <el-input v-model="addForm.name"></el-input>
+        </el-form-item>
+        <el-form-item label="描述" prop="description">
+          <el-input
+            v-model="addForm.description"
+            type="textarea"
+            auto-complete="off"
+          ></el-input>
+        </el-form-item>
+        <el-form-item label="排序">
+          <el-input v-model="addForm.sortNo"></el-input>
+        </el-form-item>
+      </el-form>
+      <div slot="footer" class="dialog-footer">
+        <el-button @click.native="addFormVisible = false">取消</el-button>
+        <el-button
+          @click.native="addSubmit"
+          :loading="addLoading"
+          type="primary"
+          >提交</el-button
+        >
+      </div>
+    </el-dialog>
+
+    <el-dialog
+      :visible.sync="editFormVisible"
+      :close-on-click-modal="false"
+      title="编辑"
+    >
+      <el-form ref="editForm" :model="editForm" label-width="80px">
+        <el-input v-model="editForm.id" type="hidden"></el-input>
+        <el-form-item label="名称">
+          <el-input v-model="editForm.name"></el-input>
+        </el-form-item>
+        <el-form-item label="描述" prop="description">
+          <el-input
+            v-model="editForm.description"
+            type="textarea"
+            auto-complete="off"
+          ></el-input>
+        </el-form-item>
+        <el-form-item label="排序">
+          <el-input v-model="editForm.sortNo"></el-input>
+        </el-form-item>
+        <el-form-item label="状态">
+          <el-select
+            v-model="editForm.status"
+            clearable
+            placeholder="请选择状态"
+          >
+            <el-option :value="0" label="启用"></el-option>
+            <el-option :value="1" label="禁用"></el-option>
+          </el-select>
+        </el-form-item>
+      </el-form>
+      <div slot="footer" class="dialog-footer">
+        <el-button @click.native="editFormVisible = false">取消</el-button>
+        <el-button
+          @click.native="editSubmit"
+          :loading="editLoading"
+          type="primary"
+          >提交</el-button
+        >
+      </div>
+    </el-dialog>
+  </section>
+</template>
+
+<script>
+export default {
+  layout: 'admin',
+  data() {
+    return {
+      results: [],
+      listLoading: false,
+      page: {},
+      filters: {},
+      selectedRows: [],
+
+      addForm: {
+        name: '',
+        description: '',
+        status: '',
+        sortNo: '',
+        createTime: ''
+      },
+      addFormVisible: false,
+      addLoading: false,
+
+      editForm: {
+        id: '',
+        name: '',
+        description: '',
+        status: '',
+        sortNo: '',
+        createTime: ''
+      },
+      editFormVisible: false,
+      editLoading: false
+    }
+  },
+  mounted() {
+    this.list()
+  },
+  methods: {
+    list() {
+      const me = this
+      me.listLoading = true
+      const params = Object.assign(me.filters, {
+        page: me.page.page,
+        limit: me.page.limit
+      })
+      this.$axios
+        .post('/api/admin/topic-node/list', params)
+        .then((data) => {
+          me.results = data.results
+          me.page = data.page
+        })
+        .finally(() => {
+          me.listLoading = false
+        })
+    },
+    handlePageChange(val) {
+      this.page.page = val
+      this.list()
+    },
+    handleLimitChange(val) {
+      this.page.limit = val
+      this.list()
+    },
+    handleAdd() {
+      this.addForm = {
+        name: '',
+        description: ''
+      }
+      this.addFormVisible = true
+    },
+    addSubmit() {
+      const me = this
+      this.$axios
+        .post('/api/admin/topic-node/create', this.addForm)
+        .then((data) => {
+          me.$message({ message: '提交成功', type: 'success' })
+          me.addFormVisible = false
+          me.list()
+        })
+        .catch((rsp) => {
+          me.$notify.error({ title: '错误', message: rsp.message })
+        })
+    },
+    handleEdit(index, row) {
+      const me = this
+      this.$axios
+        .get('/api/admin/topic-node/' + row.id)
+        .then((data) => {
+          me.editForm = Object.assign({}, data)
+          me.editFormVisible = true
+        })
+        .catch((rsp) => {
+          me.$notify.error({ title: '错误', message: rsp.message })
+        })
+    },
+    editSubmit() {
+      const me = this
+      this.$axios
+        .post('/api/admin/topic-node/update', me.editForm)
+        .then((data) => {
+          me.list()
+          me.editFormVisible = false
+        })
+        .catch((rsp) => {
+          me.$notify.error({ title: '错误', message: rsp.message })
+        })
+    },
+
+    handleSelectionChange(val) {
+      this.selectedRows = val
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped></style>
diff --git a/site/pages/admin/settings/index.vue b/site/pages/admin/settings/index.vue
new file mode 100644
index 0000000000000000000000000000000000000000..a715e8034185a7f65f830b017aafae3577066312
--- /dev/null
+++ b/site/pages/admin/settings/index.vue
@@ -0,0 +1,227 @@
+<template>
+  <section v-loading="loading" class="page-container">
+    <el-tabs value="first">
+      <el-tab-pane label="通用配置" name="first">
+        <div class="config">
+          <el-form label-width="160px">
+            <el-form-item label="网站名称">
+              <el-input
+                v-model="config.siteTitle"
+                type="text"
+                placeholder="网站名称"
+              ></el-input>
+            </el-form-item>
+
+            <el-form-item label="网站描述">
+              <el-input
+                v-model="config.siteDescription"
+                type="textarea"
+                autosize
+                placeholder="网站描述"
+              ></el-input>
+            </el-form-item>
+
+            <el-form-item label="网站关键字">
+              <el-select
+                v-model="config.siteKeywords"
+                style="width:100%"
+                multiple
+                filterable
+                allow-create
+                default-first-option
+                placeholder="网站关键字"
+              ></el-select>
+            </el-form-item>
+
+            <el-form-item label="网站公告">
+              <el-input
+                v-model="config.siteNotification"
+                type="textarea"
+                autosize
+                placeholder="网站公告（支持输入HTML）"
+              ></el-input>
+            </el-form-item>
+
+            <el-form-item label="推荐标签">
+              <el-select
+                v-model="config.recommendTags"
+                style="width:100%"
+                multiple
+                filterable
+                allow-create
+                default-first-option
+                placeholder="推荐标签"
+              ></el-select>
+            </el-form-item>
+
+            <el-form-item label="站外链接跳转页面">
+              <el-tooltip
+                content="在跳转前需手动确认是否前往该站外链接"
+                placement="top"
+              >
+                <el-switch v-model="config.urlRedirect"></el-switch>
+              </el-tooltip>
+            </el-form-item>
+          </el-form>
+        </div>
+      </el-tab-pane>
+      <el-tab-pane label="导航配置" name="second" class="nav-panel">
+        <draggable
+          v-model="config.siteNavs"
+          draggable=".nav"
+          handle=".nav-sort-btn"
+          class="navs"
+        >
+          <div v-for="(nav, index) in config.siteNavs" :key="index" class="nav">
+            <el-row :gutter="20">
+              <el-col :span="1">
+                <i class="iconfont icon-sort nav-sort-btn" />
+              </el-col>
+              <el-col :span="10">
+                <el-input
+                  v-model="nav.title"
+                  type="text"
+                  size="small"
+                  placeholder="标题"
+                ></el-input>
+              </el-col>
+              <el-col :span="11">
+                <el-input
+                  v-model="nav.url"
+                  type="text"
+                  size="small"
+                  placeholder="链接"
+                ></el-input>
+              </el-col>
+              <el-col :span="2">
+                <el-button
+                  @click="delNav(index)"
+                  type="danger"
+                  icon="el-icon-delete"
+                  circle
+                  size="small"
+                ></el-button>
+              </el-col>
+            </el-row>
+          </div>
+        </draggable>
+        <div class="add-nav">
+          <el-tooltip
+            class="item"
+            effect="dark"
+            content="点击按钮添加导航"
+            placement="top"
+          >
+            <el-button
+              @click="addNav"
+              type="primary"
+              icon="el-icon-plus"
+              circle
+            ></el-button>
+          </el-tooltip>
+        </div>
+      </el-tab-pane>
+    </el-tabs>
+
+    <div style="margin-top: 20px;">
+      <el-button :loading="loading" @click="save" type="primary"
+        >保存</el-button
+      >
+    </div>
+  </section>
+</template>
+
+<script>
+import draggable from 'vuedraggable'
+
+export default {
+  layout: 'admin',
+  components: {
+    draggable
+  },
+  data() {
+    return {
+      config: {},
+      loading: false,
+      autocompleteTags: [],
+      autocompleteTagLoading: false
+    }
+  },
+  mounted() {
+    this.load()
+  },
+  methods: {
+    async load() {
+      this.loading = true
+      try {
+        this.config = await this.$axios.get('/api/admin/sys-config/all')
+      } catch (err) {
+        this.$notify.error({ title: '错误', message: err.message })
+      } finally {
+        this.loading = false
+      }
+    },
+    async save() {
+      this.loading = true
+      try {
+        await this.$axios.post('/api/admin/sys-config/save', {
+          config: JSON.stringify(this.config)
+        })
+        this.$message({ message: '提交成功', type: 'success' })
+        this.load()
+      } catch (err) {
+        this.$notify.error({ title: '错误', message: err.message })
+      } finally {
+        this.loading = false
+      }
+    },
+    addNav() {
+      if (!this.config.siteNavs) {
+        this.config.siteNavs = []
+      }
+      this.config.siteNavs.push({
+        title: '',
+        url: ''
+      })
+    },
+    delNav(index) {
+      if (!this.config.siteNavs) {
+        return
+      }
+      this.config.siteNavs.splice(index, 1)
+    }
+  }
+}
+</script>
+
+<style scoped lang="scss">
+.config {
+  padding: 10px 0;
+}
+.nav-panel {
+  .navs {
+    border: 1px solid #ddd;
+    border-radius: 5px;
+    .nav {
+      padding: 5px 5px;
+      margin: 0;
+
+      &:not(:last-child) {
+        border-bottom: 1px solid #ddd;
+      }
+
+      .nav-sort-btn {
+        font-size: 21px;
+        font-weight: 700;
+        cursor: pointer;
+        float: right;
+      }
+    }
+  }
+
+  .add-nav {
+    margin-top: 20px;
+    text-align: center;
+  }
+}
+</style>
diff --git a/site/pages/admin/topics/index.vue b/site/pages/admin/topics/index.vue
new file mode 100644
index 0000000000000000000000000000000000000000..e2370a6e55c341e5c1629ce274ba0a68b729db94
--- /dev/null
+++ b/site/pages/admin/topics/index.vue
@@ -0,0 +1,470 @@
+<template>
+  <section v-loading="listLoading" class="page-container">
+    <div class="toolbar">
+      <el-form :inline="true" :model="filters">
+        <el-form-item>
+          <el-input v-model="filters.id" placeholder="编号"></el-input>
+        </el-form-item>
+        <el-form-item>
+          <el-input v-model="filters.userId" placeholder="用户编号"></el-input>
+        </el-form-item>
+        <el-form-item>
+          <el-input v-model="filters.title" placeholder="标题"></el-input>
+        </el-form-item>
+        <el-form-item>
+          <el-select
+            v-model="filters.recommend"
+            @change="list"
+            clearable
+            placeholder="是否推荐"
+          >
+            <el-option label="推荐" value="1"></el-option>
+            <el-option label="未推荐" value="0"></el-option>
+          </el-select>
+        </el-form-item>
+        <el-form-item>
+          <el-select
+            v-model="filters.status"
+            @change="list"
+            clearable
+            placeholder="请选择状态"
+          >
+            <el-option label="正常" value="0"></el-option>
+            <el-option label="删除" value="1"></el-option>
+          </el-select>
+        </el-form-item>
+        <el-form-item>
+          <el-button v-on:click="list" type="primary">查询</el-button>
+        </el-form-item>
+      </el-form>
+    </div>
+
+    <div class="topics main-content">
+      <div v-for="item in results" :key="item.id" class="topic">
+        <div class="topic-header">
+          <img :src="item.user.avatar" class="avatar" />
+          <div class="topic-right">
+            <div class="topic-title">
+              <a :href="'/topic/' + item.id" target="_blank">{{
+                item.title
+              }}</a>
+            </div>
+            <div class="topic-meta">
+              <label v-if="item.user" class="author">{{
+                item.user.nickname
+              }}</label>
+              <label>{{ item.createTime | formatDate }}</label>
+              <label class="node">{{ item.node ? item.node.name : '' }}</label>
+              <label v-for="tag in item.tags" :key="tag.tagId" class="tag">{{
+                tag.tagName
+              }}</label>
+            </div>
+          </div>
+        </div>
+
+        <div class="summary">
+          {{ item.summary }}
+        </div>
+
+        <div class="topic-footer">
+          <span v-if="item.status === 1" class="danger">已删除</span>
+          <span class="info">编号：{{ item.id }}</span>
+
+          <a v-if="item.status === 0" @click="deleteSubmit(item)" class="btn"
+            >删除</a
+          >
+          <a v-else @click="undeleteSubmit(item)" class="btn">取消删除</a>
+
+          <a v-if="!item.recommend" @click="recommend(item.id)" class="btn"
+            >推荐</a
+          >
+          <a v-else @click="cancelRecommend(item.id)" class="btn">取消推荐</a>
+        </div>
+      </div>
+    </div>
+
+    <div class="pagebar">
+      <el-pagination
+        :page-sizes="[20, 50, 100, 300]"
+        @current-change="handlePageChange"
+        @size-change="handleLimitChange"
+        :current-page="page.page"
+        :page-size="page.limit"
+        :total="page.total"
+        layout="total, sizes, prev, pager, next, jumper"
+      >
+      </el-pagination>
+    </div>
+
+    <el-dialog
+      :visible.sync="addFormVisible"
+      :close-on-click-modal="false"
+      title="新增"
+    >
+      <el-form
+        ref="addForm"
+        :model="addForm"
+        :rules="addFormRules"
+        label-width="80px"
+      >
+        <el-form-item label="userId" prop="rule">
+          <el-input v-model="addForm.userId"></el-input>
+        </el-form-item>
+
+        <el-form-item label="title" prop="rule">
+          <el-input v-model="addForm.title"></el-input>
+        </el-form-item>
+
+        <el-form-item label="content" prop="rule">
+          <el-input v-model="addForm.content"></el-input>
+        </el-form-item>
+
+        <el-form-item label="status" prop="rule">
+          <el-input v-model="addForm.status"></el-input>
+        </el-form-item>
+
+        <el-form-item label="createTime" prop="rule">
+          <el-input v-model="addForm.createTime"></el-input>
+        </el-form-item>
+      </el-form>
+      <div slot="footer" class="dialog-footer">
+        <el-button @click.native="addFormVisible = false">取消</el-button>
+        <el-button
+          @click.native="addSubmit"
+          :loading="addLoading"
+          type="primary"
+          >提交</el-button
+        >
+      </div>
+    </el-dialog>
+
+    <el-dialog
+      :visible.sync="editFormVisible"
+      :close-on-click-modal="false"
+      title="编辑"
+    >
+      <el-form
+        ref="editForm"
+        :model="editForm"
+        :rules="editFormRules"
+        label-width="80px"
+      >
+        <el-input v-model="editForm.id" type="hidden"></el-input>
+
+        <el-form-item label="forumId" prop="rule">
+          <el-input v-model="editForm.forumId"></el-input>
+        </el-form-item>
+
+        <el-form-item label="userId" prop="rule">
+          <el-input v-model="editForm.userId"></el-input>
+        </el-form-item>
+
+        <el-form-item label="title" prop="rule">
+          <el-input v-model="editForm.title"></el-input>
+        </el-form-item>
+
+        <el-form-item label="content" prop="rule">
+          <el-input v-model="editForm.content"></el-input>
+        </el-form-item>
+
+        <el-form-item label="status" prop="rule">
+          <el-input v-model="editForm.status"></el-input>
+        </el-form-item>
+
+        <el-form-item label="createTime" prop="rule">
+          <el-input v-model="editForm.createTime"></el-input>
+        </el-form-item>
+      </el-form>
+      <div slot="footer" class="dialog-footer">
+        <el-button @click.native="editFormVisible = false">取消</el-button>
+        <el-button
+          @click.native="editSubmit"
+          :loading="editLoading"
+          type="primary"
+          >提交</el-button
+        >
+      </div>
+    </el-dialog>
+  </section>
+</template>
+
+<script>
+export default {
+  layout: 'admin',
+  data() {
+    return {
+      results: [],
+      listLoading: false,
+      page: {},
+      filters: {
+        status: '0'
+      },
+      selectedRows: [],
+      addForm: {
+        forumId: '',
+        userId: '',
+        title: '',
+        content: '',
+        status: '',
+        createTime: ''
+      },
+      addFormVisible: false,
+      addFormRules: {},
+      addLoading: false,
+
+      editForm: {
+        id: '',
+        forumId: '',
+        userId: '',
+        title: '',
+        content: '',
+        status: '',
+        createTime: ''
+      },
+      editFormVisible: false,
+      editFormRules: {},
+      editLoading: false
+    }
+  },
+  mounted() {
+    this.list()
+  },
+  methods: {
+    list() {
+      const me = this
+      me.listLoading = true
+      const params = Object.assign(me.filters, {
+        page: me.page.page,
+        limit: me.page.limit
+      })
+      this.$axios
+        .post('/api/admin/topic/list', params)
+        .then((data) => {
+          me.results = data.results
+          me.page = data.page
+        })
+        .finally(() => {
+          me.listLoading = false
+        })
+    },
+    handlePageChange(val) {
+      this.page.page = val
+      this.list()
+    },
+    handleLimitChange(val) {
+      this.page.limit = val
+      this.list()
+    },
+    handleAdd() {
+      this.addForm = {
+        name: '',
+        description: ''
+      }
+      this.addFormVisible = true
+    },
+    addSubmit() {
+      const me = this
+      this.$axios
+        .post('/api/admin/topic/create', this.addForm)
+        .then((data) => {
+          me.$message({ message: '提交成功', type: 'success' })
+          me.addFormVisible = false
+          me.list()
+        })
+        .catch((rsp) => {
+          me.$notify.error({ title: '错误', message: rsp.message })
+        })
+    },
+    handleEdit(index, row) {
+      const me = this
+      this.$axios
+        .get(`/api/admin/topic/${row.id}`)
+        .then((data) => {
+          me.editForm = Object.assign({}, data)
+          me.editFormVisible = true
+        })
+        .catch((rsp) => {
+          me.$notify.error({ title: '错误', message: rsp.message })
+        })
+    },
+    editSubmit() {
+      const me = this
+      this.$axios
+        .post('/api/admin/topic/update', me.editForm)
+        .then((data) => {
+          me.list()
+          me.editFormVisible = false
+        })
+        .catch((rsp) => {
+          me.$notify.error({ title: '错误', message: rsp.message })
+        })
+    },
+    async deleteSubmit(row) {
+      await this.$confirm('是否确认删除该话题?', '提示', {
+        confirmButtonText: '确定',
+        cancelButtonText: '取消',
+        type: 'warning'
+      })
+
+      try {
+        await this.$axios.post('/api/admin/topic/delete', { id: row.id })
+        this.$message({ message: '删除成功', type: 'success' })
+        this.list()
+      } catch (err) {
+        this.$notify.error({ title: '错误', message: err.message || err })
+      }
+    },
+    async undeleteSubmit(row) {
+      try {
+        await this.$axios.post('/api/admin/topic/undelete', { id: row.id })
+        this.list()
+        this.$message({ message: '取消删除成功', type: 'success' })
+      } catch (err) {
+        this.$notify.error({ title: '错误', message: err.message || err })
+      }
+    },
+    async recommend(id) {
+      try {
+        await this.$axios.post('/api/admin/topic/recommend', {
+          id
+        })
+        this.$message({ message: '推荐成功', type: 'success' })
+        this.list()
+      } catch (e) {
+        this.$notify.error({ title: '错误', message: e.message })
+      }
+    },
+    async cancelRecommend(id) {
+      try {
+        await this.$axios.delete('/api/admin/topic/recommend', {
+          id
+        })
+        this.$message({ message: '取消推荐成功', type: 'success' })
+        this.list()
+      } catch (e) {
+        this.$notify.error({ title: '错误', message: e.message })
+      }
+    },
+    handleSelectionChange(val) {
+      this.selectedRows = val
+    }
+  }
+}
+</script>
+
+<style scoped lang="scss">
+.topics {
+  display: table;
+
+  .topic:not(:last-child) {
+    border-bottom: solid 1px rgba(140, 147, 157, 0.14);
+  }
+
+  .topic {
+    padding-top: 10px;
+    padding-bottom: 10px;
+
+    .topic-header {
+      display: flex;
+
+      .avatar {
+        max-width: 50px;
+        max-height: 50px;
+        min-width: 50px;
+        min-height: 50px;
+        border-radius: 50%;
+      }
+
+      .topic-right {
+        display: block;
+        margin-left: 10px;
+
+        .topic-title a {
+          color: #555;
+          font-size: 16px;
+          font-weight: bold;
+          cursor: pointer;
+          text-decoration: none;
+        }
+
+        .topic-meta {
+          margin-top: 8px;
+
+          label:not(:last-child) {
+            margin-right: 5px;
+          }
+
+          label {
+            color: #999;
+            font-size: 12px;
+          }
+
+          label.author {
+            /*color: #dc2323;*/
+            font-weight: bold;
+          }
+
+          label.node {
+            color: #dc2323;
+            font-weight: bold;
+          }
+
+          label.tag {
+            align-items: center;
+            background-color: #f5f5f5;
+            border-radius: 4px;
+            color: #4a4a4a;
+            display: inline-flex;
+            justify-content: center;
+            line-height: 1.5;
+            padding-left: 5px;
+            padding-right: 5px;
+            white-space: nowrap;
+          }
+        }
+      }
+    }
+
+    .summary {
+      margin-top: 10px;
+      margin-left: 60px;
+      word-break: break-all;
+      -webkit-line-clamp: 2;
+      overflow: hidden !important;
+      text-overflow: ellipsis;
+      -webkit-box-orient: vertical;
+      display: -webkit-box;
+      color: #4a4a4a;
+      font-size: 12px;
+      font-weight: 400;
+      line-height: 1.5;
+    }
+
+    .topic-footer {
+      text-align: right;
+
+      span.info {
+        font-size: 12px;
+        margin-right: 10px;
+        background: #eee;
+        padding: 2px 5px 2px 5px;
+      }
+
+      span.danger {
+        font-size: 12px;
+        margin-right: 10px;
+        background: #eee;
+        color: red;
+        padding: 2px 5px 2px 5px;
+      }
+
+      a.btn {
+        font-size: 12px;
+        margin-right: 10px;
+        color: blue;
+        cursor: pointer;
+      }
+    }
+  }
+}
+</style>
diff --git a/site/pages/admin/users/index.vue b/site/pages/admin/users/index.vue
new file mode 100644
index 0000000000000000000000000000000000000000..128e290528d6c2cd3058925dcdd22851d48b1720
--- /dev/null
+++ b/site/pages/admin/users/index.vue
@@ -0,0 +1,343 @@
+<template>
+  <section class="page-container">
+    <div class="toolbar">
+      <el-form :inline="true" :model="filters">
+        <el-form-item>
+          <el-input v-model="filters.id" placeholder="编号"></el-input>
+        </el-form-item>
+        <el-form-item>
+          <el-input v-model="filters.username" placeholder="用户名"></el-input>
+        </el-form-item>
+        <el-form-item>
+          <el-input v-model="filters.nickname" placeholder="昵称"></el-input>
+        </el-form-item>
+        <el-form-item>
+          <el-button v-on:click="list" type="primary">查询</el-button>
+        </el-form-item>
+        <el-form-item>
+          <el-button @click="handleAdd" type="primary">新增</el-button>
+        </el-form-item>
+      </el-form>
+    </div>
+
+    <el-table
+      :data="results"
+      v-loading="listLoading"
+      @selection-change="handleSelectionChange"
+      highlight-current-row
+      stripe
+      style="width: 100%;"
+    >
+      <el-table-column type="expand">
+        <template slot-scope="scope">
+          <div
+            v-if="scope.row.roles && scope.row.roles.length"
+            class="content-form"
+          >
+            <div class="form-item">
+              <div class="field-key">角色：</div>
+              <div class="field-value">
+                <el-tag
+                  v-for="role in scope.row.roles"
+                  :key="role"
+                  size="mini"
+                  style="margin-right:3px;"
+                  >{{ role }}
+                </el-tag>
+              </div>
+            </div>
+          </div>
+          <div class="content-form">
+            <div class="form-item">
+              <div class="field-key">状态：</div>
+              <div class="field-value">
+                {{ scope.row.status === 0 ? '正常' : '删除' }}
+              </div>
+            </div>
+          </div>
+          <div class="content-form">
+            <div class="form-item">
+              <div class="field-key">注册时间：</div>
+              <div class="field-value">
+                {{ scope.row.createTime | formatDate }}
+              </div>
+            </div>
+          </div>
+          <div class="content-form">
+            <div class="form-item">
+              <div class="field-key">更新时间：</div>
+              <div class="field-value">
+                {{ scope.row.updateTime | formatDate }}
+              </div>
+            </div>
+          </div>
+        </template>
+      </el-table-column>
+      <el-table-column type="selection" width="55"></el-table-column>
+      <el-table-column prop="id" label="编号" width="100"></el-table-column>
+      <el-table-column prop="avatar" label="头像" width="80">
+        <template slot-scope="scope">
+          <img
+            :src="scope.row.avatar"
+            style="max-height: 50px; max-width: 50px; border-radius: 50%;"
+          />
+        </template>
+      </el-table-column>
+      <el-table-column prop="username" label="用户名"></el-table-column>
+      <el-table-column prop="nickname" label="昵称"></el-table-column>
+      <el-table-column prop="email" label="邮箱"></el-table-column>
+      <el-table-column label="操作" width="150">
+        <template slot-scope="scope">
+          <el-button @click="handleEdit(scope.$index, scope.row)" size="small"
+            >编辑</el-button
+          >
+        </template>
+      </el-table-column>
+    </el-table>
+
+    <div class="pagebar">
+      <el-pagination
+        :page-sizes="[20, 50, 100, 300]"
+        @current-change="handlePageChange"
+        @size-change="handleLimitChange"
+        :current-page="page.page"
+        :page-size="page.limit"
+        :total="page.total"
+        layout="total, sizes, prev, pager, next, jumper"
+      >
+      </el-pagination>
+    </div>
+
+    <el-dialog
+      :visible.sync="addFormVisible"
+      :close-on-click-modal="false"
+      title="新增"
+    >
+      <el-form
+        ref="addForm"
+        :model="addForm"
+        :rules="addFormRules"
+        label-width="80px"
+      >
+        <el-form-item label="用户名" prop="username">
+          <el-input v-model="addForm.username"></el-input>
+        </el-form-item>
+
+        <el-form-item label="昵称" prop="nickname">
+          <el-input v-model="addForm.nickname"></el-input>
+        </el-form-item>
+
+        <el-form-item label="邮箱" prop="email">
+          <el-input v-model="addForm.email"></el-input>
+        </el-form-item>
+
+        <el-form-item label="密码" prop="password">
+          <el-input v-model="addForm.password"></el-input>
+        </el-form-item>
+      </el-form>
+      <div slot="footer" class="dialog-footer">
+        <el-button @click.native="addFormVisible = false">取消</el-button>
+        <el-button
+          @click.native="addSubmit"
+          :loading="addLoading"
+          type="primary"
+          >提交</el-button
+        >
+      </div>
+    </el-dialog>
+
+    <el-dialog
+      :visible.sync="editFormVisible"
+      :close-on-click-modal="false"
+      title="编辑"
+    >
+      <el-form
+        ref="editForm"
+        :model="editForm"
+        :rules="editFormRules"
+        label-width="80px"
+      >
+        <el-input v-model="editForm.id" type="hidden"></el-input>
+
+        <el-form-item label="用户名" prop="username">
+          <el-input v-model="editForm.username"></el-input>
+        </el-form-item>
+
+        <el-form-item label="昵称" prop="nickname">
+          <el-input v-model="editForm.nickname"></el-input>
+        </el-form-item>
+
+        <el-form-item label="邮箱" prop="email">
+          <el-input v-model="editForm.email"></el-input>
+        </el-form-item>
+
+        <el-form-item label="角色" prop="roles">
+          <el-select
+            v-model="editForm.roles"
+            multiple
+            filterable
+            allow-create
+            default-first-option
+            placeholder="用户角色"
+            style="width: 100%"
+          >
+            <el-option
+              v-for="item in editForm.roles"
+              :key="item"
+              :label="item"
+              :value="item"
+            ></el-option>
+          </el-select>
+        </el-form-item>
+
+        <el-form-item label="密码" prop="password">
+          <el-input
+            v-model="editForm.password"
+            placeholder="不填写表示不更改密码"
+          ></el-input>
+        </el-form-item>
+
+        <el-form-item label="状态" prop="status">
+          <el-select v-model="editForm.status" placeholder="请选择">
+            <el-option :key="0" :value="0" label="正常"></el-option>
+            <el-option :key="1" :value="1" label="删除"></el-option>
+          </el-select>
+        </el-form-item>
+      </el-form>
+      <div slot="footer" class="dialog-footer">
+        <el-button @click.native="editFormVisible = false">取消</el-button>
+        <el-button
+          @click.native="editSubmit"
+          :loading="editLoading"
+          type="primary"
+          >提交</el-button
+        >
+      </div>
+    </el-dialog>
+  </section>
+</template>
+
+<script>
+export default {
+  layout: 'admin',
+  data() {
+    return {
+      results: [],
+      listLoading: false,
+      page: {},
+      filters: {
+        id: ''
+      },
+      selectedRows: [],
+
+      addForm: {
+        username: '',
+        nickname: '',
+        avatar: '',
+        email: '',
+        roles: [],
+        password: '',
+        status: ''
+      },
+      addFormVisible: false,
+      addFormRules: {},
+      addLoading: false,
+
+      editForm: {
+        id: '',
+        username: '',
+        nickname: '',
+        avatar: '',
+        email: '',
+        roles: [],
+        password: '',
+        status: ''
+      },
+      editFormVisible: false,
+      editFormRules: {},
+      editLoading: false
+    }
+  },
+  mounted() {
+    this.list()
+  },
+  methods: {
+    list() {
+      const me = this
+      me.listLoading = true
+      const params = Object.assign(me.filters, {
+        page: me.page.page,
+        limit: me.page.limit
+      })
+      this.$axios
+        .post('/api/admin/user/list', params)
+        .then((data) => {
+          me.results = data.results
+          me.page = data.page
+        })
+        .finally(() => {
+          me.listLoading = false
+        })
+    },
+    handlePageChange(val) {
+      this.page.page = val
+      this.list()
+    },
+    handleLimitChange(val) {
+      this.page.limit = val
+      this.list()
+    },
+    handleAdd() {
+      this.addForm = {
+        name: '',
+        description: ''
+      }
+      this.addFormVisible = true
+    },
+    addSubmit() {
+      const me = this
+      this.$axios
+        .post('/api/admin/user/create', this.addForm)
+        .then((data) => {
+          me.$message({ message: '提交成功', type: 'success' })
+          me.addFormVisible = false
+          me.list()
+        })
+        .catch((rsp) => {
+          me.$notify.error({ title: '错误', message: rsp.message })
+        })
+    },
+    handleEdit(index, row) {
+      const me = this
+      this.$axios
+        .get(`/api/admin/user/${row.id}`)
+        .then((data) => {
+          me.editForm = Object.assign({}, data)
+          me.editForm.password = ''
+          me.editFormVisible = true
+        })
+        .catch((rsp) => {
+          me.$notify.error({ title: '错误', message: rsp.message })
+        })
+    },
+    editSubmit() {
+      const me = this
+      this.$axios
+        .post('/api/admin/user/update', me.editForm)
+        .then((data) => {
+          me.list()
+          me.editFormVisible = false
+        })
+        .catch((rsp) => {
+          me.$notify.error({ title: '错误', message: rsp.message })
+        })
+    },
+
+    handleSelectionChange(val) {
+      this.selectedRows = val
+    }
+  }
+}
+</script>
+
+<style scoped></style>
diff --git a/site/plugins/element-ui.js b/site/plugins/element-ui.js
new file mode 100644
index 0000000000000000000000000000000000000000..e29b8b2ddc60bdd53c72e3de60fa0c4c600ea850
--- /dev/null
+++ b/site/plugins/element-ui.js
@@ -0,0 +1,72 @@
+import Vue from 'vue'
+// import 'element-ui/lib/theme-chalk/index.css'
+
+import {
+  Pagination,
+  Dialog,
+  Menu,
+  Submenu,
+  MenuItem,
+  MenuItemGroup,
+  Input,
+  InputNumber,
+  Switch,
+  Select,
+  Option,
+  OptionGroup,
+  Button,
+  ButtonGroup,
+  Table,
+  TableColumn,
+  Tooltip,
+  Form,
+  FormItem,
+  Tabs,
+  TabPane,
+  Tag,
+  Alert,
+  Row,
+  Col,
+  Upload,
+  Loading,
+  MessageBox,
+  Message,
+  Notification
+} from 'element-ui'
+
+Vue.use(Pagination)
+Vue.use(Dialog)
+Vue.use(Menu)
+Vue.use(Submenu)
+Vue.use(MenuItem)
+Vue.use(MenuItemGroup)
+Vue.use(Input)
+Vue.use(InputNumber)
+Vue.use(Switch)
+Vue.use(Select)
+Vue.use(Option)
+Vue.use(OptionGroup)
+Vue.use(Button)
+Vue.use(ButtonGroup)
+Vue.use(Table)
+Vue.use(TableColumn)
+Vue.use(Tooltip)
+Vue.use(Form)
+Vue.use(FormItem)
+Vue.use(Tabs)
+Vue.use(TabPane)
+Vue.use(Tag)
+Vue.use(Alert)
+Vue.use(Row)
+Vue.use(Col)
+Vue.use(Upload)
+
+Vue.use(Loading.directive)
+
+Vue.prototype.$loading = Loading.service
+Vue.prototype.$msgbox = MessageBox
+Vue.prototype.$alert = MessageBox.alert
+Vue.prototype.$confirm = MessageBox.confirm
+Vue.prototype.$prompt = MessageBox.prompt
+Vue.prototype.$notify = Notification
+Vue.prototype.$message = Message