diff --git a/aio/tools/translator/assets/aio-shell-index.html b/aio/tools/translator/assets/aio-shell-index.html
new file mode 100644
index 0000000000..4042812112
--- /dev/null
+++ b/aio/tools/translator/assets/aio-shell-index.html
@@ -0,0 +1,8 @@
+<ul role="navigation"><!---->
+  <li class="ng-star-inserted"><a class="nav-link" href="/features" title="特性">特性</a></li>
+  <li class="ng-star-inserted"><a class="nav-link" href="/docs" title="文档">文档</a></li>
+  <li class="ng-star-inserted"><a class="nav-link" href="/resources" title="资源">资源</a></li>
+  <li class="ng-star-inserted"><a class="nav-link" href="/events" title="会议">会议</a></li>
+  <li class="ng-star-inserted"><a class="nav-link" href="https://blog.angular.io/" title="博客">博客</a></li>
+  <li class="ng-star-inserted"><a class="nav-link" href="/translations/cn/home" title="关于中文版">关于中文版</a></li>
+</ul>
diff --git a/aio/tools/translator/bin/ssr.ts b/aio/tools/translator/bin/ssr.ts
index eeaf8a4e84..73032c1ad3 100644
--- a/aio/tools/translator/bin/ssr.ts
+++ b/aio/tools/translator/bin/ssr.ts
@@ -2,7 +2,7 @@ import * as fs from 'fs';
 import * as mkdirp from 'mkdirp';
 import * as path from 'path';
 
-function buildSsrPages(): void {
+function buildInnerPages(): void {
   const navigation = fs.readFileSync('./content/navigation.json', 'utf-8');
   const indexTemplate = fs.readFileSync('./dist/index.html', 'utf-8');
   const aioShellTemplate = fs.readFileSync(__dirname + '/../assets/aio-shell-template.html');
@@ -22,4 +22,12 @@ function buildSsrPages(): void {
     });
 }
 
-buildSsrPages();
+function buildIndexPage(): void {
+  const indexTemplate = fs.readFileSync('./dist/index.html', 'utf-8');
+  const aioShellIndex = fs.readFileSync(__dirname + '/../assets/aio-shell-index.html');
+  const content = indexTemplate.replace('<aio-shell></aio-shell>', `<aio-shell>${aioShellIndex}</aio-shell>`);
+  fs.writeFileSync(`./dist/index.html`, content, 'utf-8');
+}
+
+buildInnerPages();
+buildIndexPage();