diff --git a/templates/explore/images.tmpl b/templates/explore/images.tmpl
index 90913d89c..52d901424 100644
--- a/templates/explore/images.tmpl
+++ b/templates/explore/images.tmpl
@@ -1,4 +1,5 @@
 {{template "base/head" .}}
+<div class="alert"></div>
 <div id="images"></div>
 <!-- 确认模态框 -->
 <div id="deletemodel">
diff --git a/templates/repo/cloudbrain/benchmark/new.tmpl b/templates/repo/cloudbrain/benchmark/new.tmpl
index d1e42b54a..32309c3eb 100755
--- a/templates/repo/cloudbrain/benchmark/new.tmpl
+++ b/templates/repo/cloudbrain/benchmark/new.tmpl
@@ -54,7 +54,7 @@
                         <a class="active item model_benchmark"
                             href="{{.Link}}?benchmarkMode=model">{{.i18n.Tr "repo.cloudbrain.benchmark.model"}}</a>
                         <a class="item aisafety_benchmark"
-                            href="{{.RepoLink}}/modelsafety/create_gpu">模型安全评测</a>
+                            href="{{.RepoLink}}/modelsafety/create_gpu">{{.i18n.Tr "modelsafety.model_security_evaluation"}}</a>
                     </div>
                 </div>
                 <div>
@@ -173,7 +173,7 @@
                         <a class="item model_benchmark"
                             href="{{.Link}}?benchmarkMode=model">{{.i18n.Tr "repo.cloudbrain.benchmark.model"}}</a>
                         <a class="item aisafety_benchmark"
-                            href="{{.RepoLink}}/modelsafety/create_gpu">模型安全评测</a>
+                            href="{{.RepoLink}}/modelsafety/create_gpu">{{.i18n.Tr "modelsafety.model_security_evaluation"}}</a>
                     </div>
                 </div>
 
@@ -305,7 +305,7 @@
                         <a class="item model_benchmark"
                             href="{{.Link}}?benchmarkMode=model">{{.i18n.Tr "repo.cloudbrain.benchmark.model"}}</a>
                         <a class="active item aisafety_benchmark"
-                            href="{{.RepoLink}}/modelsafety/create_gpu">模型安全评测</a>
+                            href="{{.RepoLink}}/modelsafety/create_gpu">{{.i18n.Tr "modelsafety.model_security_evaluation"}}</a>
                     </div>
                 </div>
 
diff --git a/templates/repo/home.tmpl b/templates/repo/home.tmpl
index 298d564e3..da5dbfd3b 100644
--- a/templates/repo/home.tmpl
+++ b/templates/repo/home.tmpl
@@ -311,7 +311,7 @@
 				<div class="ui six wide tablet four wide computer column">
 					<div id="repo-desc" data-IsAdmin="{{.Permission.IsAdmin}}"
 						data-IsArchived="{{.Repository.IsArchived}}">
-						<h4 id="about-desc" class="ui header">简介</h4>
+						<h4 id="about-desc" class="ui header"></h4>
 						<input type="hidden" id="edit-alias" value="{{.Repository.Alias}}">
 						<p>
 							{{if .Repository.DescriptionHTML}}
@@ -363,15 +363,15 @@
 						<h4 class="ui header">
 							{{$lenCon := len .ContributorInfo}}
 							{{if lt $lenCon 25 }}
-							<strong>贡献者 ({{len .ContributorInfo}})</strong>
+							<strong>{{.i18n.Tr "home.contributors"}} ({{len .ContributorInfo}})</strong>
 							{{else}}
-							<strong>贡献者 ({{len .ContributorInfo}}+)</strong>
+							<strong>{{.i18n.Tr "home.contributors"}} ({{len .ContributorInfo}}+)</strong>
 							{{end}}
 
 							<div class="ui right">
-								<!-- <a class="membersmore text grey" href="{{.RepoLink}}/contributors">全部 {{svg "octicon-chevron-right" 16}}</a> -->
+								<!-- <a class="membersmore text grey" href="{{.RepoLink}}/contributors">{{.i18n.Tr "repo.computing.all"}} {{svg "octicon-chevron-right" 16}}</a> -->
 								<a class="membersmore text grey"
-									href="{{.RepoLink}}/contributors?type={{if .IsViewBranch}}branch{{else}}tag{{end}}&name={{.BranchName}}">全部
+									href="{{.RepoLink}}/contributors?type={{if .IsViewBranch}}branch{{else}}tag{{end}}&name={{.BranchName}}">{{.i18n.Tr "repo.computing.all"}}
 									{{svg "octicon-chevron-right" 16}}</a>
 							</div>
 						</h4>
diff --git a/web_src/js/components/Contributors.vue b/web_src/js/components/Contributors.vue
index 3ccd8b609..ec9de239a 100644
--- a/web_src/js/components/Contributors.vue
+++ b/web_src/js/components/Contributors.vue
@@ -3,9 +3,9 @@
         <div class="row git-user-content">
                 <h3 class="ui header">
                     <div class="ui breadcrumb">
-                        <a class="section" :href="url_code">代码</a>
+                        <a class="section" :href="url_code">{{$i18n['code']}}</a>
                         <div class="divider"> / </div>
-                        <div class="active section" >贡献者&nbsp;({{totalNum}})</div>
+                        <div class="active section" >{{$i18n['contributors']}}&nbsp;({{totalNum}})</div>
                     </div>
                 </h3>
                 <div class="ui horizontal relaxed list">
@@ -76,6 +76,7 @@ watch: {
 
 },
 created(){
+    this.$i18n = window.i18n;
     const url = window.location.pathname;
     this.url = url;
     let strIndex = this.url.indexOf("contributors")
diff --git a/web_src/js/components/EditAboutInfo.vue b/web_src/js/components/EditAboutInfo.vue
index 8d542e697..9364241d1 100644
--- a/web_src/js/components/EditAboutInfo.vue
+++ b/web_src/js/components/EditAboutInfo.vue
@@ -1,13 +1,13 @@
 <template>
   <div>
-      <h4 id="about-desc" class="ui header desc-home">简介
+      <h4 id="about-desc" class="ui header desc-home">{{$i18n['introduction']}}
         <a class="edit-icon" v-if="IsPermit" id ="editBtn" href="javascript:void(0)" @click="editClick" >
         <i class="gray edit outline icon" style="margin-right: 0;"></i>
         </a>
     </h4>
     <edit-dialog-cmpt 
 		:vmContext="vmContext" 
-		dialogTitle="编辑仓库信息" 
+		:dialogTitle="$i18n['edit_repository_information']"
 		v-model="editDataDialog"
 		:deleteCallback="editDataFunc"
 		:deleteLoading ="editDataListLoading"
@@ -19,11 +19,11 @@
 			</div>
 			<div slot="content">
 				<el-form label-position="top" :model="info" :rules="rule" ref="ruleForm">
-					<el-form-item label="简介" prop="desc">
-						<el-input v-model="info.desc" type="textarea" placeholder="请输入内容" :autosize="{minRows:4,maxRows:6}" maxlength="255" show-word-limit></el-input>
+					<el-form-item :label="$i18n['introduction']" prop="desc">
+						<el-input v-model="info.desc" type="textarea" :placeholder="$i18n['please_enter_the_content']" :autosize="{minRows:4,maxRows:6}" maxlength="255" show-word-limit></el-input>
 					</el-form-item>
-					<el-form-item label="主页" prop="index_web" >
-						<el-input v-model="info.index_web" placeholder="主页(eg: https://openi.pcl.ac.cn)"></el-input>
+					<el-form-item :label="$i18n['homePage']" prop="index_web" >
+						<el-input v-model="info.index_web" :placeholder="`${$i18n['homePage']}(eg: https://openi.pcl.ac.cn)`"></el-input>
 					</el-form-item>
 				</el-form>
 			</div>
@@ -147,6 +147,7 @@ export default {
     }
   },
   created() {
+    this.$i18n = window.i18n;
     this.getIsSigned();
   }
 
diff --git a/web_src/js/components/EditTopics.vue b/web_src/js/components/EditTopics.vue
index d2109e178..395684772 100644
--- a/web_src/js/components/EditTopics.vue
+++ b/web_src/js/components/EditTopics.vue
@@ -3,7 +3,7 @@
           <div class="input-search">
             
             
-            <el-input v-model="input" clearable  :autofocus="true" @input="changeValue" id="topics_input" @keyup.enter.native="postTopic" placeholder="搜索或创建标签">
+            <el-input v-model="input" clearable  :autofocus="true" @input="changeValue" id="topics_input" @keyup.enter.native="postTopic" :placeholder="$i18n['searchOrCreateTopics']">
 
             </el-input>
             <div class="scrolling-menu">
@@ -14,7 +14,7 @@
                         <div class="text">{{arr.topic_name.toLowerCase()}} </div>
                 </div>
                 <div v-if="showInputValue" class="addition item-text"  @click="postTopic">
-                    点击或回车添加<b class="user-add-label-text">{{input.toLowerCase()}}</b>标签
+                    {{$i18n['clickOrEnterToAdd']}}<b class="user-add-label-text">{{input.toLowerCase()}}</b>{{$i18n['topic']}}
                 </div>
                 <div v-if="showAddTopic" class="item-text" @click="addPostTopic">
                         <div class="icon-wrapper">
@@ -98,7 +98,7 @@ export default {
             this.Post(data,topics)
             this.$set(this.showInitTopic,item,false)
             if(this.arrayTopics.length===0){
-                $('#repo-topics1').append('<span class="no-description text-italic">暂无标签</span>')
+                $('#repo-topics1').append(`<span class="no-description text-italic">${this.$i18n['noTopics']}</span>`)
             }else{
                 $('#repo-topics1').children('span').remove()
             }
@@ -264,7 +264,7 @@ export default {
             
             if(this.arrayTopics.length===0){
                 
-                $('#repo-topics1').append('<span class="no-description text-italic">暂无标签</span>')
+                $('#repo-topics1').append(`<span class="no-description text-italic">${this.$i18n['noTopics']}</span>`)
             }else{
                 $('#repo-topics1').children('span').remove()
             }
@@ -386,12 +386,12 @@ mounted() {
       });
       if(this.arrayTopics.length===0){
           
-            $('#repo-topics1').append('<span class="no-description text-italic">暂无标签</span>')
+            $('#repo-topics1').append(`<span class="no-description text-italic">${this.$i18n['noTopics']}</span>`)
       }
       this.changeValue()
     } ,
 created(){
-    
+    this.$i18n = window.i18n;
     this.initTopics();
     this.input=''
     
diff --git a/web_src/js/components/Model.vue b/web_src/js/components/Model.vue
index 315b7f214..ba0ab9ed5 100644
--- a/web_src/js/components/Model.vue
+++ b/web_src/js/components/Model.vue
@@ -450,7 +450,7 @@ export default {
           onHidden: function () {
             if (flag == false) {
               $(".alert")
-                .html("您已取消操作")
+                .html(_this.i18n['canceled_operation'])
                 .removeClass("alert-success")
                 .addClass("alert-danger")
                 .show()
@@ -458,7 +458,7 @@ export default {
                 .fadeOut();
             } else {
               $(".alert")
-                .html("删除成功")
+                .html(_this.i18n['successfully_deleted'])
                 .removeClass("alert-danger")
                 .addClass("alert-success")
                 .show()
diff --git a/web_src/js/components/basic/editDialog.vue b/web_src/js/components/basic/editDialog.vue
index b82b9b569..00ab57658 100644
--- a/web_src/js/components/basic/editDialog.vue
+++ b/web_src/js/components/basic/editDialog.vue
@@ -15,8 +15,8 @@
         
         <div slot="footer" class="dialog-footer">
 
-            <button class="ui  button" @click="deleteDialog = false">{{"取消"}}</button>
-            <button class="ui green button" @click="deleteCallback.call(vmContext,deleteParam)">{{"确定"}}</button>
+            <button class="ui  button" @click="deleteDialog = false">{{$i18n['cancel']}}</button>
+            <button class="ui green button" @click="deleteCallback.call(vmContext,deleteParam)">{{$i18n['confirm']}}</button>
             <!-- <el-button size="small" style="font-size: 1rem;padding: .78571429em 1.5em .78571429em;border-radius: .28571429rem;" @click="deleteDialog = false">{{"取消"}}</el-button>
             <el-button size="small" style="background-color: #21ba45;color: #fff;font-size: 1rem;padding: .78571429em 1.5em .78571429em;border-radius: .28571429rem;" @click="deleteCallback.call(vmContext,deleteParam)">{{"确定"}}</el-button> -->
         </div>
@@ -71,6 +71,7 @@ export default {
     },
   },
   created() {
+    this.$i18n = window.i18n;
     this.deleteDialog = this.value;
   }
 };
diff --git a/web_src/js/components/images/Images.vue b/web_src/js/components/images/Images.vue
index d947582c4..c660027b5 100755
--- a/web_src/js/components/images/Images.vue
+++ b/web_src/js/components/images/Images.vue
@@ -3,27 +3,27 @@
     <div class="header-wrapper">
       <div class="ui container">
         <el-row class="image_text">
-          <h1>云脑镜像</h1>
+          <h1>{{$i18n['cloudeBrainMirror']['cloud_brain_mirror']}}</h1>
         </el-row>
       </div>
     </div>
     <div class="ui container" id="header">
       <el-tabs v-model="activeName" @tab-click="handleClick">
-        <el-tab-pane label="公开镜像" name="first" v-loading="loadingPublic">
+        <el-tab-pane :label="$i18n['cloudeBrainMirror']['public_mirror']" name="first" v-loading="loadingPublic">
           <template v-if="tableDataPublic.length !== 0">
             <el-row style="align-items: center; display: flex">
               <el-col :span="12">
                 <div>
-                  <el-checkbox v-model="checked">仅显示平台推荐</el-checkbox>
+                  <el-checkbox v-model="checked">{{$i18n['cloudeBrainMirror']['platform_recommendations']}}</el-checkbox>
                 </div>
               </el-col>
               <el-col :span="4"
-                ><div style="visibility: hidden">TODO</div></el-col
+                ><div style="visibility: hidden"></div></el-col
               >
               <el-col :span="8">
                 <div>
                   <el-input
-                    placeholder="搜镜像Tag/描述/标签..."
+                    :placeholder="$i18n['cloudeBrainMirror']['placeholder']"
                     v-model="search"
                     class="input-with-select"
                     @keyup.enter.native="searchName()"
@@ -33,7 +33,7 @@
                       slot="append"
                       icon="el-icon-search"
                       @click="searchName()"
-                      >搜索</el-button
+                      >{{$i18n['cloudeBrainMirror']['search']}}</el-button
                     >
                   </el-input>
                 </div>
@@ -46,7 +46,7 @@
                 :header-cell-style="tableHeaderStyle"
               >
                 <el-table-column
-                  label="镜像Tag"
+                  :label="$i18n['cloudeBrainMirror']['mirror_tag']"
                   min-width="19%"
                   align="left"
                   prop="tag"
@@ -65,7 +65,7 @@
                   </template>
                 </el-table-column>
                 <el-table-column
-                  label="镜像描述"
+                  :label="$i18n['cloudeBrainMirror']['mirror_description']"
                   min-width="28%"
                   align="left"
                   prop="description"
@@ -86,7 +86,7 @@
                 </el-table-column>
                 <el-table-column
                   prop="cloudbrainType"
-                  label="可用集群"
+                  :label="$i18n['cloudeBrainMirror']['available_clusters']"
                   min-width="10%"
                   align="center"
                 >
@@ -96,7 +96,7 @@
                 </el-table-column>
                 <el-table-column
                   prop="creator"
-                  label="创建者"
+                  :label="$i18n['cloudeBrainMirror']['creator']"
                   min-width="8%"
                   align="center"
                 >
@@ -121,7 +121,7 @@
                 </el-table-column>
                 <el-table-column
                   prop="updatedUnix"
-                  label="创建时间"
+                  :label="$i18n['cloudeBrainMirror']['creation_time']"
                   align="center"
                   min-width="14%"
                 >
@@ -129,7 +129,7 @@
                     {{ scope.row.updatedUnix | transformTimestamp }}
                   </template>
                 </el-table-column>
-                <el-table-column align="center" min-width="21%" label="操作">
+                <el-table-column align="center" min-width="21%" :label="$i18n['cloudeBrainMirror']['operation']">
                   <template slot-scope="scope">
                     <div
                       style="
@@ -171,7 +171,7 @@
                       <span
                         style="padding: 0 1rem; color: #0366d6; cursor: pointer"
                         @click="copyUrl(scope.row.place)"
-                        >复制地址</span
+                        >{{$i18n['cloudeBrainMirror']['copy_address']}}</span
                       >
                     </div>
                   </template>
@@ -199,16 +199,16 @@
             <el-row style="align-items: center; display: flex">
               <el-col :span="12">
                 <div>
-                  <el-checkbox v-model="checked">仅显示平台推荐</el-checkbox>
+                  <el-checkbox v-model="checked">{{$i18n['cloudeBrainMirror']['platform_recommendations']}}</el-checkbox>
                 </div>
               </el-col>
               <el-col :span="4"
-                ><div style="visibility: hidden">TODO</div></el-col
+                ><div style="visibility: hidden"></div></el-col
               >
               <el-col :span="8">
                 <div>
                   <el-input
-                    placeholder="搜镜像Tag/描述/标签..."
+                    :placeholder="$i18n['cloudeBrainMirror']['placeholder']"
                     v-model="search"
                     class="input-with-select"
                     @keyup.enter.native="searchName()"
@@ -218,7 +218,7 @@
                       slot="append"
                       icon="el-icon-search"
                       @click="searchName()"
-                      >搜索</el-button
+                      >{{$i18n['cloudeBrainMirror']['search']}}</el-button
                     >
                   </el-input>
                 </div>
@@ -227,7 +227,7 @@
             <el-empty :image-size="200"></el-empty>
           </template>
         </el-tab-pane>
-        <el-tab-pane label="我的镜像" name="second" v-loading="loadingCustom">
+        <el-tab-pane :label="$i18n['cloudeBrainMirror']['my_mirror']" name="second" v-loading="loadingCustom">
           <template v-if="tableDataCustom.length !== 0">
             <el-row style="align-items: center; display: flex">
               <el-col :span="12">
@@ -239,7 +239,7 @@
               <el-col :span="8">
                 <div>
                   <el-input
-                    placeholder="搜镜像Tag/描述/标签..."
+                    :placeholder="$i18n['cloudeBrainMirror']['placeholder']"
                     v-model="search"
                     class="input-with-select"
                     @keyup.enter.native="searchName()"
@@ -249,7 +249,7 @@
                       slot="append"
                       icon="el-icon-search"
                       @click="searchName()"
-                      >搜索</el-button
+                      >{{$i18n['cloudeBrainMirror']['search']}}</el-button
                     >
                   </el-input>
                 </div>
@@ -262,7 +262,7 @@
                 :header-cell-style="tableHeaderStyle"
               >
                 <el-table-column
-                  label="镜像Tag"
+                  :label="$i18n['cloudeBrainMirror']['mirror_tag']"
                   min-width="19%"
                   align="left"
                   prop="tag"
@@ -287,7 +287,7 @@
                   </template>
                 </el-table-column>
                 <el-table-column
-                  label="镜像描述"
+                  :label="$i18n['cloudeBrainMirror']['mirror_description']"
                   min-width="27%"
                   align="left"
                   prop="description"
@@ -308,7 +308,7 @@
                 </el-table-column>
                 <el-table-column
                   prop="cloudbrainType"
-                  label="可用集群"
+                  :label="$i18n['cloudeBrainMirror']['available_clusters']"
                   min-width="9%"
                   align="center"
                 >
@@ -318,7 +318,7 @@
                 </el-table-column>
                 <el-table-column
                   prop="isPrivate"
-                  label="状态"
+                  :label="$i18n['cloudeBrainMirror']['state']"
                   min-width="10%"
                   align="center"
                 >
@@ -333,14 +333,14 @@
                       <span
                         v-if="scope.row.isPrivate"
                         style="color: rgb(250, 140, 22)"
-                        >私有</span
+                        >{{$i18n['cloudeBrainMirror']['private']}}</span
                       >
-                      <span v-else style="color: rgb(19, 194, 141)">公开</span>
+                      <span v-else style="color: rgb(19, 194, 141)">{{$i18n['cloudeBrainMirror']['public']}}</span>
                       <el-tooltip
                         v-if="scope.row.status === 0"
                         class="item"
                         effect="dark"
-                        content="镜像提交中..."
+                        :content="$i18n['cloudeBrainMirror']['mirror_committed']"
                         placement="top"
                       >
                         <i class="CREATING" style="margin-left: 0.3rem"></i>
@@ -350,7 +350,7 @@
                         v-if="scope.row.status === 2"
                         class="item"
                         effect="dark"
-                        content="检测提交镜像是否大小超过20G!"
+                        :content="$i18n['cloudeBrainMirror']['check_exceeds_20g']"
                         placement="top"
                       >
                         <i class="FAILED" style="margin-left: 0.3rem"></i>
@@ -360,7 +360,7 @@
                         v-if="scope.row.status === 1"
                         class="item"
                         effect="dark"
-                        content="镜像提交成功"
+                        :content="$i18n['cloudeBrainMirror']['mirror_submitted']"
                         placement="top"
                       >
                         <i class="SUCCEEDED" style="margin-left: 0.3rem"></i>
@@ -370,7 +370,7 @@
                 </el-table-column>
                 <el-table-column
                   prop="updatedUnix"
-                  label="创建时间"
+                  :label="$i18n['cloudeBrainMirror']['creation_time']"
                   align="center"
                   min-width="14%"
                 >
@@ -378,7 +378,7 @@
                     {{ scope.row.updatedUnix | transformTimestamp }}
                   </template>
                 </el-table-column>
-                <el-table-column align="center" min-width="21%" label="操作">
+                <el-table-column align="center" min-width="21%" :label="$i18n['cloudeBrainMirror']['operation']">
                   <template slot-scope="scope">
                     <div
                       style="
@@ -412,24 +412,24 @@
                       <span
                         style="padding: 0 1rem; color: #0366d6; cursor: pointer"
                         @click="copyUrl(scope.row.place)"
-                        >复制地址</span
+                        >{{$i18n['cloudeBrainMirror']['copy_address']}}</span
                       >
                       <div style="padding-left: 1rem; cursor: pointer">
                         <el-dropdown size="medium">
                           <span class="el-dropdown-link">
-                            更多<i
+                            {{$i18n['cloudeBrainMirror']['more']}}<i
                               class="el-icon-arrow-down el-icon--right"
                             ></i>
                           </span>
                           <el-dropdown-menu slot="dropdown">
                             <el-dropdown-item
                               @click.native="eidtImage(scope.row.id)"
-                              >编辑</el-dropdown-item
+                              >{{$i18n['cloudeBrainMirror']['edit']}}</el-dropdown-item
                             >
                             <el-dropdown-item
                               style="color: red"
                               @click.native="deleteImage(scope.row.id)"
-                              >删除</el-dropdown-item
+                              >{{$i18n['cloudeBrainMirror']['delete']}}</el-dropdown-item
                             >
                           </el-dropdown-menu>
                         </el-dropdown>
@@ -459,15 +459,15 @@
           <template v-else>
             <el-row style="align-items: center; display: flex">
               <el-col :span="12">
-                <div style="visibility: hidden">TODO</div>
+                <div style="visibility: hidden"></div>
               </el-col>
               <el-col :span="4"
-                ><div style="visibility: hidden">TODO</div></el-col
+                ><div style="visibility: hidden"></div></el-col
               >
               <el-col :span="8">
                 <div>
                   <el-input
-                    placeholder="搜镜像Tag/描述/标签..."
+                    :placeholder="$i18n['cloudeBrainMirror']['placeholder']"
                     v-model="search"
                     class="input-with-select"
                     @keyup.enter.native="searchName()"
@@ -477,7 +477,7 @@
                       slot="append"
                       icon="el-icon-search"
                       @click="searchName()"
-                      >搜索</el-button
+                      >{{$i18n['cloudeBrainMirror']['search']}}</el-button
                     >
                   </el-input>
                 </div>
@@ -486,19 +486,19 @@
             <el-empty :image-size="200"></el-empty>
           </template>
         </el-tab-pane>
-        <el-tab-pane label="我收藏的镜像" name="third">
+        <el-tab-pane :label="$i18n['cloudeBrainMirror']['my_favorite_mirror']" name="third">
           <template v-if="tableDataStar.length !== 0">
             <el-row style="align-items: center; display: flex">
               <el-col :span="12">
-                <div style="visibility: hidden">TODO</div>
+                <div style="visibility: hidden"></div>
               </el-col>
               <el-col :span="4"
-                ><div style="visibility: hidden">TODO</div></el-col
+                ><div style="visibility: hidden"></div></el-col
               >
               <el-col :span="8">
                 <div>
                   <el-input
-                    placeholder="搜镜像Tag/描述/标签..."
+                    :placeholder="$i18n['cloudeBrainMirror']['placeholder']"
                     v-model="search"
                     class="input-with-select"
                     @keyup.enter.native="searchName()"
@@ -508,7 +508,7 @@
                       slot="append"
                       icon="el-icon-search"
                       @click="searchName()"
-                      >搜索</el-button
+                      >{{$i18n['cloudeBrainMirror']['search']}}</el-button
                     >
                   </el-input>
                 </div>
@@ -521,7 +521,7 @@
                 :header-cell-style="tableHeaderStyle"
               >
                 <el-table-column
-                  label="镜像Tag"
+                  :label="$i18n['cloudeBrainMirror']['mirror_tag']"
                   min-width="19%"
                   align="left"
                   prop="tag"
@@ -540,7 +540,7 @@
                   </template>
                 </el-table-column>
                 <el-table-column
-                  label="镜像描述"
+                  :label="$i18n['cloudeBrainMirror']['mirror_description']"
                   min-width="28%"
                   align="left"
                   prop="description"
@@ -561,7 +561,7 @@
                 </el-table-column>
                 <el-table-column
                   prop="cloudbrainType"
-                  label="可用集群"
+                  :label="$i18n['cloudeBrainMirror']['available_clusters']"
                   min-width="10%"
                   align="center"
                 >
@@ -571,7 +571,7 @@
                 </el-table-column>
                 <el-table-column
                   prop="creator"
-                  label="创建者"
+                  :label="$i18n['cloudeBrainMirror']['creator']"
                   min-width="8%"
                   align="center"
                 >
@@ -596,7 +596,7 @@
                 </el-table-column>
                 <el-table-column
                   prop="updatedUnix"
-                  label="创建时间"
+                  :label="$i18n['cloudeBrainMirror']['creation_time']"
                   align="center"
                   min-width="14%"
                 >
@@ -604,7 +604,7 @@
                     {{ scope.row.updatedUnix | transformTimestamp }}
                   </template>
                 </el-table-column>
-                <el-table-column align="center" min-width="21%" label="操作">
+                <el-table-column align="center" min-width="21%" :label="$i18n['cloudeBrainMirror']['operation']">
                   <template slot-scope="scope">
                     <div
                       style="
@@ -639,7 +639,7 @@
                       <span
                         style="padding: 0 1rem; color: #0366d6; cursor: pointer"
                         @click="copyUrl(scope.row.place)"
-                        >复制地址</span
+                        >{{$i18n['cloudeBrainMirror']['copy_address']}}</span
                       >
                     </div>
                   </template>
@@ -667,15 +667,15 @@
           <template v-else>
             <el-row style="align-items: center; display: flex">
               <el-col :span="12">
-                <div style="visibility: hidden">TODO</div>
+                <div style="visibility: hidden"></div>
               </el-col>
               <el-col :span="4"
-                ><div style="visibility: hidden">TODO</div></el-col
+                ><div style="visibility: hidden"></div></el-col
               >
               <el-col :span="8">
                 <div>
                   <el-input
-                    placeholder="搜镜像Tag/描述/标签..."
+                    :placeholder="$i18n['cloudeBrainMirror']['placeholder']"
                     v-model="search"
                     class="input-with-select"
                     @keyup.enter.native="searchName()"
@@ -685,7 +685,7 @@
                       slot="append"
                       icon="el-icon-search"
                       @click="searchName()"
-                      >搜索</el-button
+                      >{{$i18n['cloudeBrainMirror']['search']}}</el-button
                     >
                   </el-input>
                 </div>
@@ -859,7 +859,7 @@ export default {
           onHidden: function () {
             if (flag == false) {
               $(".alert")
-                .html("您已取消操作")
+                .html(_this.$i18n['canceled_operation'])
                 .removeClass("alert-success")
                 .addClass("alert-danger")
                 .show()
@@ -867,7 +867,7 @@ export default {
                 .fadeOut();
             } else {
               $(".alert")
-                .html("删除成功")
+                .html(_this.$i18n['successfully_deleted'])
                 .removeClass("alert-danger")
                 .addClass("alert-success")
                 .show()
@@ -921,7 +921,7 @@ export default {
       document.execCommand("Copy");
       cInput.remove();
       $("body").toast({
-        message: "复制成功!",
+        message: this.$i18n['cloudeBrainMirror']['copy_succeeded'],
         showProgress: "bottom",
         showIcon: "check circle",
         class: "info",
@@ -954,9 +954,9 @@ export default {
     },
     transformPravite(val) {
       if (val) {
-        return "私有";
+        return this.$i18n['cloudeBrainMirror']['private'];
       } else {
-        return "公开";
+        return this.$i18n['cloudeBrainMirror']['public'];
       }
     },
     transformTimestamp(timestamp) {
@@ -989,6 +989,7 @@ export default {
   },
   mounted() {},
   created() {
+    this.$i18n = window.i18n;
     const params = new URLSearchParams(location.search);
     if (params.has("type") && params.get("type") == "myimage") {
       this.activeName = "second";
diff --git a/web_src/js/components/images/adminImages.vue b/web_src/js/components/images/adminImages.vue
index c8b55aeb3..b58c6cda2 100644
--- a/web_src/js/components/images/adminImages.vue
+++ b/web_src/js/components/images/adminImages.vue
@@ -6,33 +6,33 @@
                     <div class="ui attached segment">
                         <div class="ui form ignore-dirty">
                             <div class="ui fluid action input">
-                                <input type="text" placeholder="搜镜像Tag/描述/标签..." v-model="search"
+                                <input type="text" :placeholder="$i18n['cloudeBrainMirror']['placeholder']" v-model="search"
                                     @keyup.enter="searchName()">
-                                <button class="ui blue button" @click="searchName()">搜索</button>
+                                <button class="ui blue button" @click="searchName()">{{$i18n['cloudeBrainMirror']['search']}}</button>
                             </div>
                         </div>
                     </div>
 
                     <div class="ui ten wide column" style="margin: 1rem 0;">
-                        <el-checkbox v-model="checked" style="padding: 0.5rem 1rem;">仅显示平台推荐</el-checkbox>
+                        <el-checkbox v-model="checked" style="padding: 0.5rem 1rem;">{{$i18n['cloudeBrainMirror']['platform_recommendations']}}</el-checkbox>
                         <el-dropdown @command="handleCommand" trigger="click"
                             style="border: 1px solid rgba(34,36,38,.15);border-radius: 4px;padding: 0.5rem 1rem;">
                             <span class="el-dropdown-link">
                                 {{dropdownPrivate}}<i class="el-icon-caret-bottom el-icon--right"></i>
                             </span>
                             <el-dropdown-menu slot="dropdown">
-                                <el-dropdown-item :command="{label:'全部',private:''}">全部</el-dropdown-item>
-                                <el-dropdown-item :command="{label:'公开',private:false}">公开</el-dropdown-item>
-                                <el-dropdown-item :command="{label:'私有',private:true}">私有</el-dropdown-item>
+                                <el-dropdown-item :command="{label:$i18n['all'],private:''}">{{$i18n['all']}}</el-dropdown-item>
+                                <el-dropdown-item :command="{label:$i18n['cloudeBrainMirror']['public'],private:false}">{{$i18n['cloudeBrainMirror']['public']}}</el-dropdown-item>
+                                <el-dropdown-item :command="{label:$i18n['cloudeBrainMirror']['private'],private:true}">{{$i18n['cloudeBrainMirror']['private']}}</el-dropdown-item>
                             </el-dropdown-menu>
                         </el-dropdown>
                     </div>
                     <div class="ui six wide column right aligned" style="margin: 1rem 0;">
-                        <a class="ui blue small button" href="/admin/images/commit_image">创建云脑镜像</a>
+                        <a class="ui blue small button" href="/admin/images/commit_image">{{$i18n['cloudeBrainMirror']['create_cloud_brain_mirror']}}</a>
                     </div>
                     <div class="ui sixteen wide column" style="padding: 0;overflow-x: auto;">
                         <el-table :data="tableDataCustom" style="width: 100%;min-width:1700px;" :header-cell-style="tableHeaderStyle">
-                            <el-table-column label="镜像Tag" min-width="19%" align="left" prop="tag">
+                            <el-table-column :label="$i18n['cloudeBrainMirror']['mirror_tag']" min-width="19%" align="left" prop="tag">
                                 <template slot-scope="scope">
                                     <div style="display: flex;align-items: center;">
                                         <a class="text-over image_title" :title="scope.row.tag">{{ scope.row.tag }}</a>
@@ -42,7 +42,7 @@
                                     </div>
                                 </template>
                             </el-table-column>
-                            <el-table-column label="镜像描述" min-width="28%" align="left" prop="description">
+                            <el-table-column :label="$i18n['cloudeBrainMirror']['mirror_description']" min-width="28%" align="left" prop="description">
                                 <template slot-scope="scope">
                                     <div class="image_desc" :title="scope.row.description">{{ scope.row.description}}
                                     </div>
@@ -53,18 +53,18 @@
 
                                 </template>
                             </el-table-column>
-                            <el-table-column prop="cloudbrainType" label="可用集群" min-width="10%" align="center">
+                            <el-table-column prop="cloudbrainType" :label="$i18n['cloudeBrainMirror']['available_clusters']" min-width="10%" align="center">
                                 <template slot-scope="scope">
                                     {{scope.row.cloudbrainType | transformType}}
                                 </template>
                             </el-table-column>
-                            <el-table-column prop="isPrivate" label="状态" min-width="8%" align="center">
+                            <el-table-column prop="isPrivate" :label="$i18n['cloudeBrainMirror']['state']" min-width="8%" align="center">
                                 <template slot-scope="scope">
-                                    <span v-if="scope.row.isPrivate" style="color: rgb(250, 140, 22);">私有</span>
-                                    <span v-else style="color: rgb(19, 194, 141);">公开</span>
+                                    <span v-if="scope.row.isPrivate" style="color: rgb(250, 140, 22);">{{$i18n['cloudeBrainMirror']['private']}}</span>
+                                    <span v-else style="color: rgb(19, 194, 141);">{{$i18n['cloudeBrainMirror']['public']}}</span>
                                 </template>
                             </el-table-column>
-                            <el-table-column prop="creator" label="创建者" min-width="7%" align="center">
+                            <el-table-column prop="creator" :label="$i18n['cloudeBrainMirror']['creator']" min-width="7%" align="center">
                                 <template slot-scope="scope">
                                     <a v-if="scope.row.userName||scope.row.relAvatarLink"
                                         :href="'/' + scope.row.userName" :title="scope.row.userName">
@@ -75,12 +75,12 @@
                                     </a>
                                 </template>
                             </el-table-column>
-                            <el-table-column prop="updatedUnix" label="创建时间" align="center" min-width="13%">
+                            <el-table-column prop="updatedUnix" :label="$i18n['cloudeBrainMirror']['creation_time']" align="center" min-width="13%">
                                 <template slot-scope="scope">
                                     {{scope.row.updatedUnix | transformTimestamp}}
                                 </template>
                             </el-table-column>
-                            <el-table-column align="center" min-width="23%" label="操作">
+                            <el-table-column align="center" min-width="23%" :label="$i18n['cloudeBrainMirror']['operation']">
                                 <template slot-scope="scope">
                                     <div style="display: flex;justify-content: flex-end;align-items: center;">
                                         <div
@@ -95,22 +95,22 @@
                                         </div>
                                         <span style="padding: 0 1rem;color: rgb(250, 140, 22);cursor:pointer;"
                                             v-if="scope.row.type==5"
-                                            @click="unSetRecommend(scope.$index,scope.row.id)">取消推荐</span>
+                                            @click="unSetRecommend(scope.$index,scope.row.id)">{{$i18n['cloudeBrainMirror']['cancel_recommendation']}}</span>
                                         <span style="padding: 0 1rem;color: rgb(19, 194, 141);cursor:pointer;"
                                             v-if="scope.row.type!==5 && !scope.row.isPrivate"
-                                            @click="setRecommend(scope.$index,scope.row.id)">设为推荐</span>
+                                            @click="setRecommend(scope.$index,scope.row.id)">{{$i18n['cloudeBrainMirror']['set_as_recommended']}}</span>
                                         <span style="padding: 0 1rem;color:#0366d6;cursor:pointer;"
-                                            @click="copyUrl(scope.row.place)">复制地址</span>
+                                            @click="copyUrl(scope.row.place)">{{$i18n['cloudeBrainMirror']['copy_address']}}</span>
                                         <div style="padding-left:1rem;cursor:pointer;">
                                             <el-dropdown size="medium">
                                                 <span class="el-dropdown-link">
-                                                    更多<i class="el-icon-arrow-down el-icon--right"></i>
+                                                    {{$i18n['cloudeBrainMirror']['more']}}<i class="el-icon-arrow-down el-icon--right"></i>
                                                 </span>
                                                 <el-dropdown-menu slot="dropdown">
-                                                    <el-dropdown-item @click.native="eidtImage(scope.row.id)">编辑
+                                                    <el-dropdown-item @click.native="eidtImage(scope.row.id)">{{$i18n['cloudeBrainMirror']['edit']}}
                                                     </el-dropdown-item>
                                                     <el-dropdown-item style="color: red;"
-                                                        @click.native="deleteImage(scope.row.id)">删除</el-dropdown-item>
+                                                        @click.native="deleteImage(scope.row.id)">{{$i18n['cloudeBrainMirror']['delete']}}</el-dropdown-item>
                                                 </el-dropdown-menu>
                                             </el-dropdown>
                                         </div>
@@ -205,9 +205,9 @@
                         },
                         onHidden: function () {
                             if (flag == false) {
-                                $('.alert').html('您已取消操作').removeClass('alert-success').addClass('alert-danger').show().delay(1500).fadeOut();
+                                $('.alert').html(_this.$i18n['canceled_operation']).removeClass('alert-success').addClass('alert-danger').show().delay(1500).fadeOut();
                             } else {
-                                $('.alert').html('删除成功').removeClass('alert-danger').addClass('alert-success').show().delay(1500).fadeOut();
+                                $('.alert').html(_this.$i18n['successfully_deleted']).removeClass('alert-danger').addClass('alert-success').show().delay(1500).fadeOut();
                             }
                         }
                     })
@@ -269,9 +269,9 @@
             },
             transformPravite(val) {
                 if (val) {
-                    return "私有"
+                    return this.$i18n['cloudeBrainMirror']['private'];
                 } else {
-                    return "公开"
+                    return this.$i18n['cloudeBrainMirror']['public'];
                 }
             },
             transformTimestamp(timestamp) {
@@ -298,7 +298,8 @@
             this.getImageListCustom()
         },
         created() {
-
+            this.$i18n = window.i18n;
+            this.dropdownPrivate = this.$i18n['all'];
         }
 
     };
diff --git a/web_src/js/features/i18nVue.js b/web_src/js/features/i18nVue.js
index 059990269..ace6bbdcd 100644
--- a/web_src/js/features/i18nVue.js
+++ b/web_src/js/features/i18nVue.js
@@ -115,6 +115,53 @@ export const i18nVue = {
     modify:"修改",
     about:"约",
     count:"个",
+    all:"全部",
+
+    introduction: '简介',
+    edit_repository_information: '编辑仓库信息',
+    please_enter_the_content: '请输入内容',
+    homePage: '主页',
+    cancel: '取消',
+    confirm: '确定',
+    contributors: '贡献者',
+    code: '代码',
+    searchOrCreateTopics: '搜索或创建标签',
+    clickOrEnterToAdd: '点击或回车添加',
+    topic: '标签',
+    topics: '标签',
+    noTopics: '暂无标签',
+    createTopicsTips: '标签名必须以中文、字母或数字开头，可以包含连字符 (-)，并且长度不得超过35个字符',
+    canceled_operation: '您已取消操作',
+    successfully_deleted: '删除成功',
+    cloudeBrainMirror: {
+      cloud_brain_mirror: '云脑镜像',
+      public_mirror: '公开镜像',
+      platform_recommendations:'仅显示平台推荐',
+      placeholder: '搜镜像Tag/描述/标签...',
+      search:'搜索',
+      mirror_tag:'镜像Tag',
+      mirror_description:'镜像描述',
+      available_clusters: '可用集群',
+      creator: '创建者',
+      creation_time: '创建时间',
+      operation: '操作',
+      copy_address: '复制地址',
+      my_mirror: '我的镜像',
+      state: '状态',
+      private: '私有',
+      public: '公开',
+      mirror_committed: '镜像提交中...',
+      check_exceeds_20g:'检测提交镜像是否大小超过20G!',
+      mirror_submitted:'镜像提交成功',
+      edit: '编辑',
+      delete: '删除',
+      my_favorite_mirror: '我收藏的镜像',
+      more:'更多',
+      copy_succeeded: '复制成功！',
+      cancel_recommendation: '取消推荐',
+      set_as_recommended: '设为推荐',
+      create_cloud_brain_mirror: '创建云脑镜像',
+    },
   },
   US: {
     computer_vision: "computer vision",
@@ -236,5 +283,52 @@ export const i18nVue = {
     modify:"Modify",
     about:"About",
     count:"",
+    all:"All",
+
+    introduction: 'Introduction',
+    edit_repository_information: 'Edit repository information',
+    please_enter_the_content: 'Please enter the content',
+    homePage: 'Home page',
+    cancel: 'Cancel',
+    confirm: 'Confirm',
+    contributors: 'Contributors',
+    code: 'Code',
+    searchOrCreateTopics: 'Search or create topics',
+    clickOrEnterToAdd: 'Click or enter to add',
+    topic: 'Topic',
+    topics: 'Topics',
+    noTopics: 'No topics',
+    createTopicsTips: 'The topic name must start with Chinese, letters or numbers, can contain hyphens (-), and cannot exceed 35 characters in length',    
+    canceled_operation: 'You have canceled the operation',
+    successfully_deleted: 'Successfully deleted',
+    cloudeBrainMirror: {
+      cloud_brain_mirror: 'Cloud Brain Mirror',
+      public_mirror: 'Public Mirror',
+      platform_recommendations:'Show platform recommendations only',
+      placeholder: 'Search Mirror tag / description / tag ... ',
+      search:'Search',
+      mirror_tag:'Mirror Tag',
+      mirror_description:'mirror_description ',
+      available_clusters: 'Available clusters',
+      creator: 'Creator',
+      creation_time: 'Creation time',
+      operation: 'Operation',
+      copy_address: 'Copy address',
+      my_mirror: 'My Mirror',
+      state: 'State',
+      private: 'Private',
+      public: 'Public',
+      mirror_committed: 'Mirror Committed...',
+      check_exceeds_20g:'Check whether the size of the submitted image exceeds 20g!',
+      mirror_submitted:'Image submitted successfully',
+      edit: 'Edit',
+      delete: 'Delete',
+      my_favorite_mirror: 'My Favorite Mirror',
+      more:'More',
+      copy_succeeded: 'Copy succeeded!',
+      cancel_recommendation: 'Cancel recommendation',
+      set_as_recommended: 'Set as recommended',
+      create_cloud_brain_mirror: 'Create cloud brain mirror',
+    },
   },
 };