use Viki

2025-07-05 05:49:53 +08:00 · 2018-11-24 13:31:49 +08:00 · 2018-11-24 13:31:49 +08:00 · 9703ccbbfd
commit 9703ccbbfd
parent eb592f50df
53 changed files with 1832 additions and 2915 deletions
--- a/.gitignore
+++ b/.gitignore
@ -0,0 +1,2 @@
+*.vswp
+_v_recycle_bin
--- a/.nojekyll
+++ b/.nojekyll
--- a/_vnote.json
+++ b/_vnote.json
@ -0,0 +1,19 @@
+{
+    "attachment_folder": "_v_attachments",
+    "created_time": "2018-11-24T05:00:58Z",
+    "files": [
+    ],
+    "image_folder": "",
+    "recycle_bin_folder": "_v_recycle_bin",
+    "sub_directories": [
+        {
+            "name": "en_US"
+        },
+        {
+            "name": "zh_CN"
+        }
+    ],
+    "tags": [
+    ],
+    "version": "1"
+}
--- a/css/froala_blocks.css
+++ b/css/froala_blocks.css
@ -1,262 +0,0 @@
-.btn {
-  padding: 9px 26px;
-  background-color: #528bff;
-  color: #FFF;
-  display: inline-block;
-  box-sizing: border-box;
-  -moz-box-sizing: border-box;
-  -webkit-box-sizing: border-box;
-  text-decoration: none;
-  border: solid 2px #528bff;
-  border-radius: 2px;
-  -moz-border-radius: 2px;
-  -webkit-border-radius: 2px; }
-  .btn.btn-empty {
-    background-color: transparent;
-    color: #528bff; }
-  .btn:hover {
-    color: #FFF;
-    background-color: #1f69ff;
-    border-color: #1f69ff; }
-  .btn.btn-black {
-    color: #FFFFFF;
-    background-color: #000000;
-    border-color: #000000; }
-    .btn.btn-black.btn-empty {
-      background-color: transparent;
-      color: #000000; }
-    .btn.btn-black:hover {
-      color: #FFF;
-      background-color: #0d0d0d;
-      border-color: #0d0d0d; }
-  .btn.btn-white {
-    color: #000000;
-    background-color: #FFFFFF;
-    border-color: #FFFFFF; }
-    .btn.btn-white.btn-empty {
-      background-color: transparent;
-      color: #FFFFFF; }
-    .btn.btn-white:hover {
-      color: #000000;
-      background-color: #DEDEDE;
-      border-color: #DEDEDE; }
-  .btn.btn-shadow {
-    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
-    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
-    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); }
-  .btn.btn-round {
-    border-radius: 20px;
-    -moz-border-radius: 20px;
-    -webkit-border-radius: 20px;
-    min-width: 150px; }
-
-.team-1.fdb-block img {
-  border-bottom: solid 5px #528bff;
-  border-radius: 0 !important;
-  -moz-border-radius: 0 !important;
-  -webkit-border-radius: 0 !important; }
-
-.team-1.fdb-block .fdb-box {
-  padding: 0; }
-  .team-1.fdb-block .fdb-box .content {
-    padding: 20px; }
-
-.team-2.fdb-block img {
-  border-radius: 100% !important;
-  -moz-border-radius: 100% !important;
-  -webkit-border-radius: 100% !important; }
-
-.team-3.fdb-block img {
-  border-radius: 100% !important;
-  -moz-border-radius: 100% !important;
-  -webkit-border-radius: 100% !important;
-  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
-  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
-  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); }
-
-.fdb-block {
-  font-family: 'Roboto', sans-serif;
-  font-size: 16px;
-  line-height: 1.5;
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smoothing: grayscale;
-  text-rendering: optimizelegibility;
-  padding: 100px 0;
-  color: #444444;
-  position: relative;
-  background-size: cover;
-  background-position: center;
-  overflow: hidden;
-  background-color: #FFFFFF; }
-  .fdb-block.fdb-viewport {
-    min-height: calc(100% - 2 * 100px); }
-    .fdb-block.fdb-viewport .container {
-      min-height: calc(100% - 2 * 100px); }
-  .fdb-block.fdb-image-bg {
-    color: #f2f2f2; }
-  .fdb-block .fdb-box {
-    background: #FFFFFF;
-    color: #444444;
-    padding: 60px 40px;
-    border-radius: 4px;
-    -moz-border-radius: 4px;
-    -webkit-border-radius: 4px;
-    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
-    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
-    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
-    overflow: hidden; }
-  .fdb-block .fdb-touch {
-    border-top: solid 5px #528bff; }
-  .fdb-block h1, .fdb-block .text-h1 {
-    font-size: 2.75rem;
-    margin-bottom: .5em;
-    margin-top: .3em;
-    font-weight: 400; }
-  .fdb-block h2, .fdb-block .text-h2 {
-    font-size: 2rem;
-    margin-bottom: .5em;
-    margin-top: .3em;
-    font-weight: 400; }
-  .fdb-block h3, .fdb-block .text-h3 {
-    font-size: 1.125rem;
-    margin-bottom: .5em;
-    margin-top: .3em;
-    font-weight: 400; }
-  .fdb-block h4, .fdb-block .text-h4 {
-    font-size: 1rem;
-    margin-bottom: .5em;
-    margin-top: .3em;
-    font-weight: 400; }
-  .fdb-block h5, .fdb-block .text-h5 {
-    font-size: 0.9rem;
-    margin-bottom: .5em;
-    margin-top: .3em;
-    font-weight: 400; }
-  .fdb-block h6, .fdb-block .text-h6 {
-    font-size: 0.75rem;
-    margin-bottom: .5em;
-    margin-top: .3em;
-    font-weight: 400; }
-  .fdb-block .font-weight-light {
-    font-weight: 300; }
-  .fdb-block img {
-    border-radius: 4px;
-    -moz-border-radius: 4px;
-    -webkit-border-radius: 4px; }
-    .fdb-block img + p, .fdb-block img + h3, .fdb-block img + h4 {
-      margin-top: 20px; }
-    .fdb-block img + h1, .fdb-block img + h2 {
-      margin-top: 40px; }
-  .fdb-block .col-fill-left {
-    width: 50%;
-    position: absolute;
-    left: 0;
-    top: 0;
-    bottom: 0;
-    background-size: cover;
-    background-position: center;
-    z-index: 1; }
-    .fdb-block .col-fill-left + div {
-      position: relative;
-      z-index: 2; }
-  .fdb-block .col-fill-right {
-    width: 50%;
-    position: absolute;
-    right: 0;
-    top: 0;
-    bottom: 0;
-    background-size: cover;
-    background-position: center;
-    z-index: 1; }
-    .fdb-block .col-fill-right + div {
-      position: relative;
-      z-index: 2; }
-  .fdb-block img.fdb-icon {
-    width: auto;
-    width: 60px; }
-  .fdb-block img.fdb-icon-round {
-    width: auto;
-    width: 60px;
-    border-radius: 60px;
-    -moz-border-radius: 60px;
-    -webkit-border-radius: 60px; }
-  .fdb-block .row-100 {
-    height: 100px;
-    width: 100%; }
-  .fdb-block .row-50 {
-    height: 50px;
-    width: 100%; }
-  .fdb-block .row-70 {
-    height: 70px;
-    width: 100%; }
-
-footer {
-  padding: 30px 0 !important; }
-  footer.footer-large {
-    padding: 100px 0 !important; }
-  footer .flex-column .nav-link {
-    padding-left: 0; }
-  footer.bg-dark {
-    background: #2d313c;
-    color: #f2f2f2; }
-    footer.bg-dark a {
-      color: #f2f2f2; }
-  footer a {
-    color: #444444; }
-
-header {
-  background-color: #FFFFFF; }
-  header .navbar-nav a.nav-link {
-    color: #777; }
-    header .navbar-nav a.nav-link:hover {
-      color: #528bff; }
-  header .navbar-nav .active a.nav-link {
-    color: #444444; }
-  header .navbar-toggler-icon {
-    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0, 0, 0, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E"); }
-  header.bg-dark .navbar-nav a.nav-link {
-    color: #dcdcdc; }
-    header.bg-dark .navbar-nav a.nav-link:hover {
-      color: #528bff; }
-  header.bg-dark .navbar-nav .active a.nav-link {
-    color: #FFFFFF; }
-  header.bg-dark .navbar-toggler-icon {
-    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='#fff' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E"); }
-
-header + header {
-  border-top: solid 1px #EEE; }
-
-.bg-dark {
-  background-color: #2d313c;
-  color: #f2f2f2; }
-
-.bg-gray {
-  background-color: #fafafa;
-  color: #444444; }
-
-.br {
-  border-radius: 4px;
-  -moz-border-radius: 4px;
-  -webkit-border-radius: 4px;
-  overflow: hidden; }
-
-.br-0 {
-  border-radius: 0 !important;
-  -moz-border-radius: 0 !important;
-  -webkit-border-radius: 0 !important; }
-
-.heart {
-  color: #df584e;
-  font-weight: bold; }
-
-*.text-light {
-  font-weight: 300 !important; }
-
-.sl-1 {
-  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
-  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
-  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
-  z-index: 2; }
-
-table tr.no-border th, table tr.no-border td {
-  border-top: 0; }
--- a/en_US/_v_images/20181124154422086_1815676907.svg
+++ b/en_US/_v_images/20181124154422086_1815676907.svg
--- a/en_US/_v_images/20181124155022977_806133500.svg
+++ b/en_US/_v_images/20181124155022977_806133500.svg
--- a/en_US/_v_images/20181124155408890_125984506.svg
+++ b/en_US/_v_images/20181124155408890_125984506.svg
--- a/en_US/_v_images/20181124155541581_1337512834.svg
+++ b/en_US/_v_images/20181124155541581_1337512834.svg
--- a/en_US/_v_images/20181124160539465_1974001899.svg
+++ b/en_US/_v_images/20181124160539465_1974001899.svg
--- a/en_US/_v_images/20181124160655553_1770055980.svg
+++ b/en_US/_v_images/20181124160655553_1770055980.svg
--- a/en_US/_v_images/20181124161508229_152845752.svg
+++ b/en_US/_v_images/20181124161508229_152845752.svg
--- a/en_US/_v_images/20181124163939673_81017666.png
+++ b/en_US/_v_images/20181124163939673_81017666.png
--- a/en_US/_v_images/20181124164023649_131131901.png
+++ b/en_US/_v_images/20181124164023649_131131901.png
--- a/en_US/_v_images/20181124164046638_337092662.png
+++ b/en_US/_v_images/20181124164046638_337092662.png
--- a/en_US/_v_images/20181124164058289_1232467902.png
+++ b/en_US/_v_images/20181124164058289_1232467902.png
--- a/en_US/_v_images/20181124164129480_2136699189.png
+++ b/en_US/_v_images/20181124164129480_2136699189.png
--- a/en_US/_v_images/20181124164142595_204757426.png
+++ b/en_US/_v_images/20181124164142595_204757426.png
--- a/en_US/_v_images/20181124164149249_1895919077.png
+++ b/en_US/_v_images/20181124164149249_1895919077.png
--- a/en_US/_v_images/20181124164227082_1627336110.png
+++ b/en_US/_v_images/20181124164227082_1627336110.png
--- a/en_US/_v_images/20181124165109541_999429459.png
+++ b/en_US/_v_images/20181124165109541_999429459.png
--- a/en_US/_v_images/20181124165142716_2035299364.png
+++ b/en_US/_v_images/20181124165142716_2035299364.png
--- a/en_US/_vnote.json
+++ b/en_US/_vnote.json
@ -0,0 +1,54 @@
+{
+    "created_time": "2018-11-24T05:03:09Z",
+    "files": [
+        {
+            "attachment_folder": "",
+            "attachments": [
+            ],
+            "created_time": "2018-11-24T05:04:27Z",
+            "modified_time": "2018-11-24T08:37:22Z",
+            "name": "index.md",
+            "tags": [
+            ]
+        },
+        {
+            "attachment_folder": "",
+            "attachments": [
+            ],
+            "created_time": "2018-11-24T07:21:01Z",
+            "modified_time": "2018-11-24T08:29:28Z",
+            "name": "downloads.md",
+            "tags": [
+            ]
+        },
+        {
+            "attachment_folder": "",
+            "attachments": [
+            ],
+            "created_time": "2018-11-24T07:21:10Z",
+            "modified_time": "2018-11-24T08:42:31Z",
+            "name": "screenshots.md",
+            "tags": [
+            ]
+        },
+        {
+            "attachment_folder": "",
+            "attachments": [
+            ],
+            "created_time": "2018-11-24T08:46:16Z",
+            "modified_time": "2018-11-24T08:53:24Z",
+            "name": "donate.md",
+            "tags": [
+            ]
+        }
+    ],
+    "sub_directories": [
+        {
+            "name": "blogs"
+        },
+        {
+            "name": "docs"
+        }
+    ],
+    "version": "1"
+}
--- a/en_US/blogs/_vnote.json
+++ b/en_US/blogs/_vnote.json
@ -0,0 +1,8 @@
+{
+    "created_time": "2018-11-24T07:21:38Z",
+    "files": [
+    ],
+    "sub_directories": [
+    ],
+    "version": "1"
+}
--- a/en_US/css/custom.css
+++ b/en_US/css/custom.css
--- a/en_US/css/file.svg
+++ b/en_US/css/file.svg
@ -0,0 +1,10 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 16.2.1, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 width="512px" height="512px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve">
+<path style="fill:#000000" d="M399.3,168.9c-0.7-2.9-2-5-3.5-6.8l-83.7-91.7c-1.9-2.1-4.1-3.1-6.6-4.4c-2.9-1.5-6.1-1.6-9.4-1.6H136.2
+	c-12.4,0-23.7,9.6-23.7,22.9v335.2c0,13.4,11.3,25.9,23.7,25.9h243.1c12.4,0,21.2-12.5,21.2-25.9V178.4
+	C400.5,174.8,400.1,172.2,399.3,168.9z M305.5,111l58,63.5h-58V111z M144.5,416.5v-320h129v81.7c0,14.8,13.4,28.3,28.1,28.3h66.9
+	v210H144.5z"/>
+</svg>
--- a/en_US/css/folder.svg
+++ b/en_US/css/folder.svg
@ -0,0 +1,10 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 16.2.1, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 width="512px" height="512px" viewBox="0 0 512 512" enable-background="new 0 0 512 512" xml:space="preserve">
+<path style="fill:#000000" d="M437.334,144H256.006l-42.668-48H74.666C51.197,96,32,115.198,32,138.667v234.666C32,396.802,51.197,416,74.666,416h362.668
+	C460.803,416,480,396.802,480,373.333V186.667C480,163.198,460.803,144,437.334,144z M448,373.333
+	c0,5.782-4.885,10.667-10.666,10.667H74.666C68.884,384,64,379.115,64,373.333V176h373.334c5.781,0,10.666,4.885,10.666,10.667
+	V373.333z"/>
+</svg>
--- a/en_US/css/github.svg
+++ b/en_US/css/github.svg
@ -0,0 +1 @@
+<svg role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><title>GitHub</title><path fill="#B2DFDB" d="M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12"/></svg>
--- a/en_US/css/highlightjs.css
+++ b/en_US/css/highlightjs.css
@ -0,0 +1,99 @@
+/*
+
+Original highlight.js style (c) Ivan Sagalaev <maniac@softwaremaniacs.org>
+
+*/
+
+.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 0.5em;
+  background: #E0E0E0;
+}
+
+
+/* Base color: saturation 0; */
+
+.hljs,
+.hljs-subst {
+  color: #363636;
+}
+
+.hljs-comment {
+  color: #767676;
+}
+
+.hljs-keyword,
+.hljs-attribute,
+.hljs-selector-tag,
+.hljs-meta-keyword,
+.hljs-doctag,
+.hljs-name {
+  color: #0000ee;
+}
+
+
+/* User color: hue: 0 */
+
+.hljs-type,
+.hljs-string,
+.hljs-number,
+.hljs-selector-id,
+.hljs-selector-class,
+.hljs-quote,
+.hljs-template-tag,
+.hljs-deletion {
+  color: #880000;
+}
+
+.hljs-title,
+.hljs-section {
+  color: #880000;
+  font-weight: bold;
+}
+
+.hljs-regexp,
+.hljs-symbol,
+.hljs-variable,
+.hljs-template-variable,
+.hljs-link,
+.hljs-selector-attr,
+.hljs-selector-pseudo {
+  color: #BC6060;
+}
+
+
+/* Language color: hue: 90; */
+
+.hljs-literal {
+  color: #af00d7;
+}
+
+.hljs-built_in,
+.hljs-bullet,
+.hljs-code,
+.hljs-addition {
+  color: #008700;
+}
+
+
+/* Meta color: hue: 200 */
+
+.hljs-meta {
+  color: #1f7199;
+}
+
+.hljs-meta-string {
+  color: #4d99bf;
+}
+
+
+/* Misc effects */
+
+.hljs-emphasis {
+  font-style: italic;
+}
+
+.hljs-strong {
+  font-weight: bold;
+}
--- a/en_US/css/viki.css
+++ b/en_US/css/viki.css
@ -0,0 +1,463 @@
+body {
+    font-family: "Segoe UI", Helvetica, sans-serif, Tahoma, Arial, Geneva, Georgia, Palatino, "Times New Roman", "Hiragino Sans GB", "冬青黑体", "Microsoft YaHei", "微软雅黑", "Microsoft YaHei UI", "WenQuanYi Micro Hei", "文泉驿雅黑", Dengxian, "等线体", STXihei, "华文细黑", "Liberation Sans", "Droid Sans", NSimSun, "新宋体", SimSun, "宋体";
+    color: #222222;
+    background: #F5F5F5;
+}
+
+a {
+    word-break: break-all;
+}
+
+.viki-img-package {
+    text-align: center;
+}
+
+img.viki-img-center {
+    display: block;
+    margin-left: auto;
+    margin-right: auto;
+}
+
+span.viki-img-caption {
+    min-width: 20%;
+    max-width: 80%;
+    display: inline-block;
+    padding: 10px;
+    margin: 0 auto;
+    border-bottom: 1px solid #c0c0c0;
+    color: #6c6c6c;
+    text-align: center;
+    line-height: 1.5;
+}
+
+/* View Image */
+.viki-view-image,.viki-view-svg {
+    transition: 0.3s;
+}
+
+.viki-modal-box {
+    display: none;
+    position: fixed;
+    z-index: 1000;
+    padding-top: 50px;
+    left: 0;
+    top: 0;
+    width: 100%;
+    height: 100%;
+    overflow: hidden;
+    background-color: rgb(234, 234, 234);
+    background-color: rgba(234, 234, 234, 0.95);
+    z-index: 2000;
+}
+
+.viki-modal-content {
+    margin: auto;
+    display: block;
+    width: auto;
+    height: auto;
+    cursor: move;
+}
+
+/* Add Animation */
+.viki-modal-content {
+    -webkit-animation-name: zoom;
+    -webkit-animation-duration: 0.6s;
+    animation-name: zoom;
+    animation-duration: 0.6s;
+}
+
+@-webkit-keyframes zoom {
+    from {-webkit-transform:scale(0)}
+    to {-webkit-transform:scale(1)}
+}
+
+@keyframes zoom {
+    from {transform:scale(0)}
+    to {transform:scale(1)}
+}
+
+/* The Close Button */
+span.viki-modal-close {
+    position: absolute;
+    z-index: 2002;
+    top: 15px;
+    right: 35px;
+    color: #666666;
+    font-size: 40px;
+    font-weight: bold;
+    transition: 0.3s;
+}
+
+span.viki-modal-close:hover,
+span.viki-modal-close:focus {
+    color: #222222;
+    text-decoration: none;
+    cursor: pointer;
+}
+/* View Image */
+
+pre {
+    display: block;
+    overflow-y: hidden;
+    overflow-x: auto;
+}
+
+code {
+    font-family: Consolas, Monaco, Monospace, Courier;
+    color: #8E24AA;
+    word-break: break-all;
+}
+
+pre code {
+    display: block;
+    overflow-x: auto;
+    padding: 0.5em;
+    color: #222222;
+    background-color: #E0E0E0;
+    border-left: .5em solid #00897B;
+    font-family: Consolas, Monaco, Monospace, Courier;
+    white-space: pre;
+}
+
+pre code.viki-markdown-metadata {
+    border-left: .5rem solid #80CBC4;
+}
+
+blockquote {
+    color: #666;
+    border-left: .5em solid #7a7a7a;
+    padding: 0 1em;
+    margin-left: 0;
+}
+
+blockquote p {
+    color: #666;
+}
+
+div.viki-mermaid-diagram {
+    margin: 16px 0px 16px 0px;
+    overflow-y: hidden;
+}
+
+div.viki-flowchart-diagram {
+    padding: 0px 5px 0px 5px;
+    margin: 16px 0px 16px 0px;
+    width: fit-content;
+    overflow: hidden;
+}
+
+div.viki-plantuml-diagram {
+    padding: 5px 5px 0px 5px;
+    margin: 16px 0px 16px 0px;
+    width: fit-content;
+    overflow: hidden;
+}
+
+table {
+   padding: 0;
+   margin: 1rem 0.5rem;
+   border-collapse: collapse;
+}
+
+table tr {
+   border-top: 2px solid #cccccc;
+   background-color: white;
+   margin: 0;
+   padding: 0;
+}
+
+table tr:nth-child(2n) {
+   background-color: #f8f8f8;
+}
+
+table tr th {
+   font-weight: bold;
+   border: 2px solid #cccccc;
+   margin: 0;
+   padding: 6px 13px;
+}
+
+table tr td {
+   border: 2px solid #cccccc;
+   margin: 0;
+   padding: 6px 13px;
+}
+
+table tr th :first-child, table tr td :first-child {
+   margin-top: 0;
+}
+
+table tr th :last-child, table tr td :last-child {
+   margin-bottom: 0;
+}
+
+/* For Highlight.js Line Number */
+table.hljs-ln tr {
+    border: none;
+    background-color: transparent;
+}
+
+table.hljs-ln tr td {
+    border: none;
+    background-color: transparent;
+}
+
+table.hljs-ln tr td.hljs-ln-numbers {
+    -webkit-touch-callout: none;
+    -webkit-user-select: none;
+    -khtml-user-select: none;
+    -moz-user-select: none;
+    -ms-user-select: none;
+    user-select: none;
+
+    text-align: center;
+    color: #AAA;
+    border-right: 1px solid #CCC;
+    vertical-align: top;
+    padding-right: 5px;
+    white-space: nowrap;
+}
+
+table.hljs-ln tr td.hljs-ln-code {
+    padding-left: 10px;
+}
+/* For Highlight.js Line Number */
+
+/* Mathjax */
+x-eqs {
+    display: flex;
+    flex-direction: row;
+    align-content: space-between;
+    align-items: center;
+}
+
+x-eqs > x-eqn {
+    width: 100%;
+    margin-left: 3rem;
+}
+
+x-eqs > span {
+    text-align:right;
+}
+/* Mathjax */
+
+.viki-toc {
+    position: -webkit-sticky;
+    position: sticky;
+    top: 4rem;
+    height: calc(100vh - 4rem);
+    overflow-y: auto;
+    padding-top: 1.5rem;
+    padding-bottom: 1.5rem;
+    font-size: .875rem;
+}
+
+.viki-toc > ul {
+    border-left: 1px solid #ddd;
+}
+
+.viki-toc ul {
+    list-style-type: none;
+}
+
+.viki-toc a {
+    color: #808080;
+}
+
+.viki-navbar {
+    min-height: 4rem;
+    background-color: #00796B;
+    box-shadow: 0 0.5rem 1rem rgba(0,0,0,.05), inset 0 -1px 0 rgba(0,0,0,.1);
+}
+
+.navbar-brand-icon {
+    border: 1px solid transparent;
+    border-radius: 5px;
+}
+
+.viki-navbar .navbar-nav-icon {
+    display: inline-block;
+    width: 1rem;
+    height: 1rem;
+    vertical-align: text-top;
+}
+
+.viki-navbar .navbar-nav-icon:hover {
+    transform: scale(1.2);
+}
+
+.viki-navbar .navbar-nav .nav-link {
+    padding-right: .5rem;
+    padding-left: .5rem;
+    color: #B2DFDB;
+}
+
+@media (min-width: 768px) {
+    .viki-navbar {
+        position: -webkit-sticky;
+        position: sticky;
+        top: 0;
+        z-index: 1071;
+    }
+}
+
+.viki-content > h1[id], .viki-content > h2[id], .viki-content > h3[id], .viki-content > h4[id], .viki-content > h5[id], .viki-content > h6[id] {
+    pointer-events: none;
+}
+
+.viki-content > h1[id] > a, .viki-content > h2[id] > a, .viki-content > h3[id] > a, .viki-content > h4[id] > a, .viki-content > h5[id] > a, .viki-content > h6[id] > a {
+    pointer-events: auto;
+}
+
+.viki-content > h1[id] > div, .viki-content > h2[id] > div, .viki-content > h3[id] > div, .viki-content > h4[id] > div, .viki-content > h5[id] > div, .viki-content > h6[id] > div {
+    pointer-events: auto;
+}
+
+.viki-content {
+    margin-top: 1rem;
+}
+
+/* Tricks for sticky header. */
+@media (min-width: 768px) {
+    .viki-content > h1[id]::before, .viki-content > h2[id]::before, .viki-content > h3[id]::before, .viki-content > h4[id]::before, .viki-content > h5[id]::before, .viki-content > h6[id]::before {
+        display: block;
+        height: 6rem;
+        margin-top: -6rem;
+        visibility: hidden;
+        content: "";
+    }
+}
+
+.viki-sidebar {
+    border-bottom: 1px solid rgba(0,0,0,.1);
+}
+
+@media (min-width: 768px) {
+    .viki-sidebar {
+        position: -webkit-sticky;
+        position: sticky;
+        top: 4rem;
+        z-index: 1000;
+        height: calc(100vh - 4rem);
+        border-right: 1px solid rgba(0,0,0,.1);
+    }
+}
+
+@media (min-width: 1200px) {
+    .viki-sidebar {
+        -ms-flex: 0 1 320px;
+        flex: 0 1 320px;
+    }
+}
+
+.viki-search {
+    position: relative;
+    padding: 1rem 15px;
+    margin-right: -15px;
+    margin-left: -15px;
+    border-bottom: 1px solid rgba(0,0,0,.05);
+}
+
+.algolia-autocomplete {
+    display: block!important;
+    -ms-flex: 1;
+    flex: 1;
+}
+
+.viki-search-docs-toggle {
+    line-height: 1;
+    color: #212529;
+}
+
+.viki-links {
+    padding-top: 1rem;
+    padding-bottom: 1rem;
+    margin-right: -15px;
+    margin-left: -15px;
+}
+
+@media (min-width: 768px) {
+    .viki-links {
+        max-height: calc(100vh - 9rem);
+        overflow-y: auto;
+        display: block!important;
+    }
+}
+
+.viki-jstree-folder-icon {
+    background-image: url('folder.svg') !important;
+    background-size: cover !important;
+    opacity: 0.6;
+}
+
+.viki-jstree-file-icon {
+    background-image: url('file.svg') !important;
+    background-size: cover !important;
+    opacity: 0.6;
+}
+
+.viki-footer {
+    font-size: 85%;
+    text-align: center;
+    background-color: #EEEEEE;
+}
+
+@media (min-width: 576px) {
+    .viki-footer {
+        text-align: left;
+    }
+}
+
+.viki-footer p {
+    margin-bottom: 0;
+}
+
+.viki-footer a {
+    font-weight: 500;
+    color: #495057;
+}
+
+.viki-footer-row {
+}
+
+.viki-footer-viki {
+    opacity: 0.8;
+}
+
+.form-control:focus {
+  border-color: #00897B;
+  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(0, 137, 123, 0.6);
+}
+
+.viki-anchor {
+    font-weight: 400;
+    color: rgba(0,123,255,.5);
+    transition: color .16s linear;
+    padding-left: 0.375em;
+    -webkit-font-smoothing: antialiased;
+    text-decoration: none;
+    opacity: 0;
+}
+
+.viki-anchor:hover {
+    color: rgba(0,123,255,1);
+    text-decoration: none;
+    opacity: 1;
+}
+
+.viki-anchor::after {
+    content: attr(data-anchor-icon);
+}
+
+@media print {
+    #viki-navi, #viki-toc {
+        display: none !important;
+    }
+
+    #viki-content {
+        -ms-flex: 0 0 100% !important;
+        flex: 0 0 100% !important;
+        max-width: 100% !important;
+        padding: 3rem 1.5rem !important;
+    }
+}
--- a/en_US/css/vnote.ico
+++ b/en_US/css/vnote.ico
--- a/en_US/css/vnote_white.svg
+++ b/en_US/css/vnote_white.svg
@ -0,0 +1,44 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   id="svg8"
+   version="1.1"
+   viewBox="0 0 135.46666 135.46666"
+   height="512"
+   width="512">
+  <defs
+     id="defs2" />
+  <metadata
+     id="metadata5">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     transform="translate(0,-161.53335)"
+     id="g4579"
+     style="display:inline">
+    <path
+       id="path4682"
+       d="m 42.289995,195.6223 -20.278396,3.3e-4 25.334055,70.74483 c 0.448204,1.32121 2.064047,4.66939 4.092726,4.73001 l 21.555975,0.0275 c -8.602263,-24.03459 -17.204501,-48.0692 -25.806767,-72.10379 -0.624661,-1.37844 -2.606139,-3.39892 -4.897593,-3.39892 z"
+       style="fill:#eeeeee;fill-opacity:1;stroke:none;stroke-width:0.2399714;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+    <path
+       id="path856"
+       d="M 113.45506,217.57986 C 97.982428,237.70991 80.859596,259.34026 72.994356,271.125 l -6.893565,-23.90176 33.174646,-43.1022 z"
+       style="fill:#eeeeee;fill-opacity:1;stroke:none;stroke-width:0.2399714;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+    <path
+       id="path4577"
+       d="m 113.44472,191.54848 c 0.0504,-1.94436 -1.34529,-4.1252 -3.90208,-4.13813 l -22.932325,-0.002 c 5.340575,7.09033 15.661615,18.31157 26.844745,30.17171 z"
+       style="fill:#eeeeee;fill-opacity:1;stroke:none;stroke-width:0.21666166;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+  </g>
+</svg>
--- a/en_US/docs/_vnote.json
+++ b/en_US/docs/_vnote.json
@ -0,0 +1,8 @@
+{
+    "created_time": "2018-11-24T07:21:54Z",
+    "files": [
+    ],
+    "sub_directories": [
+    ],
+    "version": "1"
+}
--- a/en_US/donate.md
+++ b/en_US/donate.md
@ -0,0 +1,13 @@
+# Donate
+VNote is an open source and free project maintained by the author in part time. Please consider helping VNote to grow up.
+
+- Keep monitoring VNote and sending feedback for improvement.
+- Spread and promote VNote to your friends.
+- Participate in the development of VNote and send Pull Request to make VNote perfect.
+- Really appreciate your donate to VNote
+    - Alipay: `tamlokveer@gmail.com`  
+    ![](_v_images/20181124165109541_999429459.png =256x)
+    - WeChat  
+    ![](_v_images/20181124165142716_2035299364.png =256x)
+
+Thanks for [those](https://github.com/tamlok/vnote/wiki/Donate-List) who donated to VNote!
--- a/en_US/downloads.md
+++ b/en_US/downloads.md
@ -0,0 +1,70 @@
+# Downloads
+::: alert-info
+
+To upgrade VNote, you could just simply remove the old package and download the new one.
+
+:::
+
+## Windows
+### Official Zip ![](https://ci.appveyor.com/api/projects/status/github/tamlok/vnote?svg=true)
+
+- [Github releases](https://github.com/tamlok/vnote/releases)
+- Latest builds on master: [ ![Download](https://api.bintray.com/packages/tamlok/vnote/vnote/images/download.svg) ](https://bintray.com/tamlok/vnote/vnote/_latestVersion)
+
+::: alert-warning
+
+**NOT** supported in XP since QtWebEngineProcess used by VNote could not work in XP.
+
+:::
+
+### Scoop
+VNote can be installed from `extras` bucket of Scoop.
+
+```shell
+scoop bucket add extras
+scoop install vnote
+scoop update vnote
+```
+
+## Linux
+### AppImage ![](https://travis-ci.org/tamlok/vnote.svg?branch=master)
+
+There is an AppImage format standalone executable of VNote for major Linux distributions. **Any help for packaging and distribution on Linux is appreciated!**
+
+- [Github releases](https://github.com/tamlok/vnote/releases)
+- Latest builds on master: [ ![Download](https://api.bintray.com/packages/tamlok/vnote/vnote/images/download.svg) ](https://bintray.com/tamlok/vnote/vnote/_latestVersion)
+
+### openSUSE
+Currently `vnote` on openSUSE Tumbleweed can be installed from `home:opensuse_zh` project on OBS. You can execute the following command directly:
+
+```shell
+sudo zypper ar https://download.opensuse.org/repositories/home:/opensuse_zh/openSUSE_Tumbleweed/ home:opensuse_zh
+sudo zypper ref
+sudo zypper in vnote
+```
+
+For other architectures, please search for `vnote` at [software.opensuse.org](https://software.opensuse.org).
+
+We don't support Leap 42 and below due to the Qt version. Please use AppImage or build it yourself.
+
+### Arch Linux
+VNote on Arch Linux can be installed from the AUR as [vnote](https://aur.archlinux.org/packages/vnote-bin/):
+
+```shell
+git clone https://aur.archlinux.org/vnote-bin.git
+cd vnote-bin
+makepkg -sic
+```
+
+There is also a development version that tracks the latest master [vnote-git](https://aur.archlinux.org/packages/vnote-git/).
+
+## MacOS ![](https://travis-ci.org/tamlok/vnote.svg?branch=master)
+
+- [Github releases](https://github.com/tamlok/vnote/releases)
+- Latest builds on master: [ ![Download](https://api.bintray.com/packages/tamlok/vnote/vnote/images/download.svg) ](https://bintray.com/tamlok/vnote/vnote/_latestVersion)
+
+You can also install VNote using homebrew, through the cask tap:
+
+```shell
+brew cask install vnote
+```
--- a/en_US/index.html
+++ b/en_US/index.html
@ -0,0 +1,97 @@
+<!doctype html>
+<html>
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
+    <meta name="generator" content="Viki">
+
+    <title>Viki - A simple Wiki page in Markdown from notebook of VNote</title>
+    <link id="favicon" rel="icon" href="https://github.com/tamlok/viki/raw/master/resources/viki.ico">
+
+    <!-- Bootstrap CSS -->
+    <link href="https://cdn.bootcss.com/twitter-bootstrap/4.1.3/css/bootstrap.min.css" rel="stylesheet">
+
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/jstree@3.3.7/dist/themes/default/style.min.css">
+
+    <link href="css/highlightjs.css" rel="stylesheet">
+    <link href="css/viki.css" rel="stylesheet">
+    <link href="css/custom.css" rel="stylesheet">
+
+    <!-- jQuery first, then Popper.js, then Bootstrap JS -->
+    <script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.min.js"></script>
+    <script src="https://cdn.bootcss.com/popper.js/1.14.3/umd/popper.min.js"></script>
+    <script src="https://cdn.bootcss.com/twitter-bootstrap/4.1.3/js/bootstrap.min.js"></script>
+
+    <!--
+    <script src="https://cdn.bootcss.com/highlight.js/9.13.1/highlight.min.js"></script>
+    <script src="https://cdn.bootcss.com/highlight.js/9.13.1/languages/go.min.js"></script>
+    <script src="https://cdn.bootcss.com/highlight.js/9.13.1/languages/yaml.min.js"></script>
+    <script src="https://cdn.bootcss.com/highlight.js/9.13.1/languages/r.min.js"></script>
+    <script src="https://cdn.bootcss.com/highlight.js/9.13.1/languages/scala.min.js"></script>
+    <script src="https://cdn.bootcss.com/highlight.js/9.13.1/languages/shell.min.js"></script>
+    <script src="https://cdn.bootcss.com/highlight.js/9.13.1/languages/swift.min.js"></script>
+    <script src="https://cdn.bootcss.com/highlightjs-line-numbers.js/2.5.0/highlightjs-line-numbers.min.js"></script>
+    -->
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/9.13.1/highlight.min.js"></script>
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/9.13.1/languages/yaml.min.js"></script>
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/9.13.1/languages/go.min.js"></script>
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/9.13.1/languages/r.min.js"></script>
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/9.13.1/languages/scala.min.js"></script>
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/9.13.1/languages/swift.min.js"></script>
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/9.13.1/languages/shell.min.js"></script>
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/9.13.1/languages/powershell.min.js"></script>
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/highlightjs-line-numbers.js/2.5.0/highlightjs-line-numbers.min.js"></script>
+
+    <!--
+    <script src="https://cdn.bootcss.com/mermaid/8.0.0-rc.8/mermaid.min.js"></script>
+    -->
+    <script src="https://cdn.jsdelivr.net/npm/mermaid@8.0.0-rc.8/dist/mermaid.min.js"></script>
+
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/raphael/2.2.7/raphael.min.js"></script>
+    <!--
+    <script src="https://cdn.bootcss.com/flowchart/1.11.3/flowchart.min.js"></script>
+    -->
+    <script src="https://cdn.jsdelivr.net/npm/flowchart.js@1.11.3/release/flowchart.min.js"></script>
+
+    <!--
+    <script src="http://s.plantuml.com/synchro2.js"></script>
+    <script src="http://s.plantuml.com/zopfli.raw.min.js"></script>
+    -->
+
+    <script src="https://cdn.jsdelivr.net/npm/jstree@3.3.7/dist/jstree.min.js"></script>
+
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.2/MathJax.js?config=TeX-MML-AM_HTMLorMML" async></script>
+
+    <script type="text/x-mathjax-config">
+    MathJax.Hub.Config({
+        tex2jax: {
+            inlineMath: [['$','$'], ['\\(','\\)']],
+            processEscapes: true,
+            processClass: "tex2jax_process|language-mathjax|lang-mathjax"
+        },
+        showProcessingMessages: false,
+        skipStartupTypeset: true,
+        TeX: {
+            Macros: {
+                bm: ["\\boldsymbol{#1}", 1]
+            },
+            equationNumbers: {
+                autoNumber: "AMS"
+            }
+        },
+        messageStyle: "none"
+    });
+    MathJax.Hub.Register.StartupHook("End", function() {
+        if (typeof MathJaxReady != "undefined") {
+            MathJaxReady();
+        }
+    });
+    </script>
+
+    <!-- viki script -->
+    <script src="js/viki.js"></script>
+    <script src="js/custom.js"></script>
+</head>
+<body>
+</body>
+</html>
--- a/en_US/index.md
+++ b/en_US/index.md
@ -0,0 +1,67 @@
+![](resources/vnote.svg =256x)
+
+# VNote
+**A note-taking application that knows programmers and markdown better.**
+
+::: alert-success
+
+VNote v2.1 is released! Check out [what's new](https://github.com/tamlok/vnote/releases/latest)!
+
+:::
+
+- Join VNote on [Github](https://github.com/tamlok/vnote)
+- Chat on [Slack](https://join.slack.com/t/vnote/shared_invite/enQtNDg2MzY0NDg3NzI4LTQ1Yzk1YjA5MjAyYTU0MjJkMTUxNmRiYWQ2YjlkOWU0ZGZlMTFlZTAxNzg0ZGUyNzI0ZGY2NDg4MmU1M2FkMDg)
+- Subscribe to WeChat **vnote_md**
+
+## Open source and free
+- Open source in [MIT](http://opensource.org/licenses/MIT) license
+- Powered by Qt and C++
+- Available on Linux, Windows, and macOS
+
+![](_v_images/20181124154422086_1815676907.svg =512x)
+
+## Simple notes management
+- All plain text, no database
+- Self-contained **notebooks**, infinite levels of **folders**, plain **notes**
+- Tags and attachments
+- Explore and edit external files
+
+![](_v_images/20181124155022977_806133500.svg =512x)
+
+## Own your data
+- All files on your local disk
+- One notebook is exactly one directory
+- Work from anywhere seamlessly via third-party service of your choice
+
+![](_v_images/20181124155408890_125984506.svg =512x)
+
+## Concentration
+- **No** live preview side by side
+- Focus on your note in both **read** and **edit** mode
+
+![](_v_images/20181124155541581_1337512834.svg =512x)
+
+## Pleasant Markdown experience
+- Minimized gap between read and write of Markdown
+- Syntax highlights and in-place preview
+- Effective images management
+- Interactive outline
+- UML diagrams, flowcharts, and math formulas
+
+![](_v_images/20181124160539465_1974001899.svg =512x)
+
+## Highly customizable
+- Themes and styles
+- Shortcuts and behaviors
+
+![](_v_images/20181124160655553_1770055980.svg =512x)
+
+## By programmers, for programmers
+- Vim mode and Vim-like navigation
+- Line number in editor
+- Multiple tabs
+- Window splits
+- Fuzzy search and jump
+- Versatile shortcuts
+
+![](_v_images/20181124161508229_152845752.svg =512x)
--- a/en_US/js/custom.js
+++ b/en_US/js/custom.js
--- a/en_US/js/viki.js
+++ b/en_US/js/viki.js
--- a/en_US/navigation.json
+++ b/en_US/navigation.json
@ -0,0 +1,53 @@
+{
+    "navigation":
+    [
+        {
+            "text": "Home",
+            "target": "index.md",
+            "toc": false
+        },
+        {
+            "text": "Downloads",
+            "target": "downloads.md"
+        },
+        {
+            "text": "Screenshots",
+            "target": "screenshots.md",
+            "toc": false
+        },
+        {
+            "text": "Blogs",
+            "target": "blogs/_vnote.json",
+            "navi": true
+        },
+        {
+            "text": "Documentation",
+            "target": "docs/_vnote.json",
+            "navi": true,
+            "navi_index": "welcome.md"
+        },
+        {
+            "text": "Donate",
+            "target": "donate.md",
+            "toc": false
+        },
+        {
+            "text": "Language",
+            "children":
+            [
+                {
+                    "text": "中文 Chinese",
+                    "target": "#"
+                }
+            ]
+        }
+    ],
+    "actions":
+    [
+        {
+            "text": "GitHub",
+            "icon": "css/github.svg",
+            "target": "https://github.com/tamlok/vnote"
+        }
+    ]
+}
--- a/en_US/resources/vnote.svg
+++ b/en_US/resources/vnote.svg
@ -0,0 +1,44 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   id="svg8"
+   version="1.1"
+   viewBox="0 0 135.46666 135.46666"
+   height="512"
+   width="512">
+  <defs
+     id="defs2" />
+  <metadata
+     id="metadata5">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     transform="translate(0,-161.53335)"
+     id="g4579"
+     style="display:inline">
+    <path
+       id="path4682"
+       d="m 42.289995,195.6223 -20.278396,3.3e-4 25.334055,70.74483 c 0.448204,1.32121 2.064047,4.66939 4.092726,4.73001 l 21.555975,0.0275 c -8.602263,-24.03459 -17.204501,-48.0692 -25.806767,-72.10379 -0.624661,-1.37844 -2.606139,-3.39892 -4.897593,-3.39892 z"
+       style="fill:#00897b;fill-opacity:1;stroke:none;stroke-width:0.2399714;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+    <path
+       id="path856"
+       d="M 113.45506,217.57986 C 97.982428,237.70991 80.859596,259.34026 72.994356,271.125 l -6.893565,-23.90176 33.174646,-43.1022 z"
+       style="fill:#00897b;fill-opacity:1;stroke:none;stroke-width:0.2399714;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+    <path
+       id="path4577"
+       d="m 113.44472,191.54848 c 0.0504,-1.94436 -1.34529,-4.1252 -3.90208,-4.13813 l -22.932325,-0.002 c 5.340575,7.09033 15.661615,18.31157 26.844745,30.17171 z"
+       style="fill:#00897b;fill-opacity:1;stroke:none;stroke-width:0.21666166;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+  </g>
+</svg>
--- a/en_US/screenshots.md
+++ b/en_US/screenshots.md
@ -0,0 +1,16 @@
+# Screenshots
+![Light Theme](_v_images/20181124163939673_81017666.png)
+
+![Dark Theme](_v_images/20181124164023649_131131901.png)
+
+![In-Place Preview](_v_images/20181124164046638_337092662.png)
+
+![Insert Image](_v_images/20181124164058289_1232467902.png)
+
+![Syntax Highlight](_v_images/20181124164129480_2136699189.png)
+
+![Full-Text Search](_v_images/20181124164142595_204757426.png)
+
+![Export](_v_images/20181124164149249_1895919077.png)
+
+![Fuzzy Search via Universal Entry](_v_images/20181124164227082_1627336110.png)
--- a/en_US/viki.json
+++ b/en_US/viki.json
@ -0,0 +1,22 @@
+{
+    "brand": "VNote",
+    "brand_icon": "css/vnote_white.svg",
+    "title": "VNote - A note-taking application that knows programmers and Markdown better",
+    "favicon": "css/vnote.ico",
+    "footer": "VNote is developed and maintained by Le Tan.",
+    "show_suffix": false,
+    "load_before_search": true,
+    "fuzzy_search": false,
+    "markdown":
+    {
+        "html": true,
+        "breaks": false,
+        "linkify": false,
+        "typographer": false,
+        "lang_prefix": "lang-",
+        "image_caption": true,
+        "plantuml_server": "http://www.plantuml.com/plantuml",
+        "plantuml_format": "svg",
+        "code_block_line_number": false
+    }
+}
--- a/gallery.html
+++ b/gallery.html
@ -1,204 +0,0 @@
-<!DOCTYPE html>
-<html>
-<head>
-  <title>VNote</title>
-  <meta name="viewport" content="width=device-width, height=device-height, initial-scale=1.0, maximum-scale=1.0" />
-
-  <link rel="icon" type="image/png" href="imgs/img_logo.png" />
-  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta.2/css/bootstrap.min.css" integrity="sha384-PsH8R72JQ3SOdhVi3uxftmaW6Vc51MKb0q5P2rRUpPvrszuE4W1povHYgTpBfshb" crossorigin="anonymous">
-  <link href="https://fonts.googleapis.com/css?family=Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i" rel="stylesheet">
-  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.css">
-
-  <link type="text/css" rel="stylesheet" href="./css/froala_blocks.css">
-
-  <style>
-    #navigator {
-      position: sticky;
-      top: 0;
-      z-index: 1000;
-    }
-
-    #navigator .navbar-toggler-icon {
-    	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0, 0, 0, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
-    }
-
-    @media (max-width: 720px) {
-      #navigator {
-        border-bottom: 1px solid #ccc;
-      }
-    }
-
-    #navigator a {
-      font-size: 14px;
-    }
-
-    #navigator + section {
-      padding: 250px 0;
-    }
-  </style>
-</head>
-
-<body>
-  <header>
-    <div class="container">
-      <nav class="navbar navbar-expand-md">
-        <a class="navbar-brand" href="https://tamlok.github.io/vnote">
-          <img src="./imgs/img_logo.png" height="30" alt="logo">
-        </a>
-
-        <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav1" aria-controls="navbarNav1" aria-expanded="false" aria-label="Toggle navigation">
-          <span class="navbar-toggler-icon"></span>
-        </button>
-
-        <div class="collapse navbar-collapse" id="navbarNav1">
-          <ul class="navbar-nav mr-auto">
-            <li class="nav-item active">
-              <a class="nav-link" href="https://tamlok.github.io/vnote">Home</a>
-            </li>
-            <li class="nav-item">
-              <a class="nav-link" href="index.html#features">Features</a>
-            </li>
-            <li class="nav-item">
-                <a class="nav-link" href="">Screenshots <span class="sr-only">(current)</span></a>
-            </li>
-            <li class="nav-item">
-              <a class="nav-link" href="http://vnote.readthedocs.io">Documentation</a>
-            </li>
-          </ul>
-        </div>
-      </nav>
-    </div>
-  </header>
-
-  <section class="fdb-block" style="background-image: url(imgs/alt_wide_1.svg);">
-    <div class="container">
-      <div class="row justify-content-start">
-        <div class="col-12 col-sm-10 col-md-8 text-center text-sm-left">
-          <img alt="image" width="200" src="./imgs/img_logo.png"/>
-          <h1>VNote</h1>
-          <p class="text-h3">A Vim-inspired note-taking application that knows programmers and Markdown better.</p>
-          <p class="mt-4">
-            <a class="btn btn-black mr-3 mr-sm-0" href="https://github.com/tamlok/vnote"><i class="fa fa-github"></i> Github Project</a>
-            <a class="btn ml-sm-3 mr-3 mr-sm-0 mt-3 mt-sm-0" href="https://github.com/tamlok/vnote#downloads">Download</a>
-          </p>
-        </div>
-      </div>
-    </div>
-  </section>
-
-  <section class="fdb-block">
-    <div class="container">
-      <div class="row">
-        <div class="col text-center">
-          <h2>Light Theme</h2>
-          <img alt="image" class="img-fluid mt-5" src="./imgs/img_main_light.png">
-        </div>
-      </div>
-    </div>
-  </section>
-
-  <section class="fdb-block">
-    <div class="container">
-      <div class="row">
-        <div class="col text-center">
-          <h2>Dark Theme</h2>
-          <img alt="image" class="img-fluid mt-5" src="./imgs/img_main_dark.png">
-        </div>
-      </div>
-    </div>
-  </section>
-
-  <section class="fdb-block">
-    <div class="container">
-      <div class="row">
-        <div class="col text-center">
-          <h2>Edit Mode with Syntax Highlights</h2>
-          <img alt="image" class="img-fluid mt-5" src="./imgs/img_edit_mode.png">
-        </div>
-      </div>
-    </div>
-  </section>
-
-  <section class="fdb-block">
-    <div class="container">
-      <div class="row">
-        <div class="col text-center">
-          <h2>Insert Image From Clipboard</h2>
-          <img alt="image" class="img-fluid mt-5" src="./imgs/img_insert_image.png">
-        </div>
-      </div>
-    </div>
-  </section>
-
-  <section class="fdb-block">
-    <div class="container">
-      <div class="row">
-        <div class="col text-center">
-          <h2>In-Place Preview</h2>
-          <img alt="image" class="img-fluid mt-5" src="./imgs/inplace_preview.png">
-        </div>
-      </div>
-    </div>
-  </section>
-
-  <section class="fdb-block">
-    <div class="container">
-      <div class="row">
-        <div class="col text-center">
-          <h2>Rich & Extensible Export</h2>
-          <img alt="image" class="img-fluid mt-5" src="./imgs/img_rich_export.png">
-        </div>
-      </div>
-    </div>
-  </section>
-
-  <section class="fdb-block">
-    <div class="container">
-      <div class="row">
-        <div class="col text-center">
-          <h2>Full-Text Search</h2>
-          <img alt="image" class="img-fluid mt-5" src="./imgs/img_full_text_search.png">
-        </div>
-      </div>
-    </div>
-  </section>
-
-  <section class="fdb-block">
-    <div class="container">
-      <div class="row align-items-center">
-        <div class="col-12 col-sm-9 text-left">
-          <h2>Learn how VNote is and will be developed on Github</h2>
-        </div>
-        <div class="col-12 col-sm-3 text-left text-sm-center mt-4 mt-sm-0">
-          <a class="btn mr-3 mr-sm-0" href="https://github.com/tamlok/vnote"><i class="fa fa-github"></i> Github Project</a>
-        </div>
-      </div>
-    </div>
-  </section>
-
-  <footer class="fdb-block footer-large">
-    <div class="container">
-      <div class="row align-items-top text-center">
-        <div class="col-12 col-sm-6 col-md-4 col-lg-3 text-sm-left">
-          <h3><strong>About VNote</strong></h3>
-          <nav class="nav flex-column">
-            <p>Developed from 2016/10/01</p>
-            <p>WeChat Public Account: vnote_md</p>
-          </nav>
-        </div>
-
-        <div class="col-12 col-sm-6 col-md-4 col-lg-3 mt-5 mt-sm-0 text-sm-left">
-          <h3><strong>About Me</strong></h3>
-          <nav class="nav flex-column">
-          <p><a href="https://github.com/tamlok">tamlok@github</a></p>
-          <p><a href="mailto:tamlokveer@gmail.com">tamlokveer@gmail.com</a></p>
-          </nav>
-        </div>
-      </div>
-  </footer>
-
-  <script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
-  <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.11.0/umd/popper.min.js" integrity="sha384-b/U6ypiBEHpOf/4+1nzFpr53nxSS+GLCkfwBdFNTxtclqqenISfwAzpKaMNFNmj4" crossorigin="anonymous"></script>
-  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta.2/js/bootstrap.min.js" integrity="sha384-alpBpkh1PFOepccYVYDB4do5UnbKysX5WZXm3XxPqe5iKTfUKjNkCk9SaVuEZflJ" crossorigin="anonymous"></script>
-</body>
-</html>
--- a/imgs/alt_wide_1.svg
+++ b/imgs/alt_wide_1.svg
--- a/imgs/img_attachment.svg
+++ b/imgs/img_attachment.svg
@ -1,50 +0,0 @@
-<?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<!-- Generator: Adobe Illustrator 16.2.1, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
-
-<svg
-   xmlns:dc="http://purl.org/dc/elements/1.1/"
-   xmlns:cc="http://creativecommons.org/ns#"
-   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
-   xmlns:svg="http://www.w3.org/2000/svg"
-   xmlns="http://www.w3.org/2000/svg"
-   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
-   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
-   version="1.1"
-   id="Layer_1"
-   x="0px"
-   y="0px"
-   width="512px"
-   height="512px"
-   viewBox="0 0 512 512"
-   enable-background="new 0 0 512 512"
-   xml:space="preserve"
-   sodipodi:docname="android-attach.svg"
-   inkscape:version="0.92.2 5c3e80d, 2017-08-06"><metadata
-     id="metadata4940"><rdf:RDF><cc:Work
-         rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
-           rdf:resource="http://purl.org/dc/dcmitype/StillImage" /><dc:title></dc:title></cc:Work></rdf:RDF></metadata><defs
-     id="defs4938" /><sodipodi:namedview
-     pagecolor="#ffffff"
-     bordercolor="#666666"
-     borderopacity="1"
-     objecttolerance="10"
-     gridtolerance="10"
-     guidetolerance="10"
-     inkscape:pageopacity="0"
-     inkscape:pageshadow="2"
-     inkscape:window-width="640"
-     inkscape:window-height="480"
-     id="namedview4936"
-     showgrid="false"
-     inkscape:pagecheckerboard="true"
-     inkscape:zoom="2.2617188"
-     inkscape:cx="256"
-     inkscape:cy="256"
-     inkscape:current-layer="Layer_1" /><g
-     id="Icon_3_"
-     style="fill:#00897b;fill-opacity:1"><g
-       id="g4932"
-       style="fill:#00897b;fill-opacity:1"><path
-         d="M341.334,128v234.666C341.334,409.604,302.938,448,256,448c-46.937,0-85.333-38.396-85.333-85.334V117.334    C170.667,87.469,194.135,64,224,64c29.864,0,53.333,23.469,53.333,53.334v245.333c0,11.729-9.605,21.333-21.334,21.333    c-11.729,0-21.333-9.604-21.333-21.333V160h-32v202.667C202.667,392.531,226.135,416,256,416    c29.865,0,53.334-23.469,53.334-53.333V117.334C309.334,70.401,270.938,32,224,32c-46.938,0-85.334,38.401-85.334,85.334v245.332    C138.667,427.729,190.938,480,256,480c65.062,0,117.334-52.271,117.334-117.334V128H341.334z"
-         id="path4930"
-         style="fill:#00897b;fill-opacity:1" /></g></g></svg>
--- a/imgs/img_codeblock.svg
+++ b/imgs/img_codeblock.svg
@ -1,54 +0,0 @@
-<?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<!-- Generator: Adobe Illustrator 16.2.1, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
-
-<svg
-   xmlns:dc="http://purl.org/dc/elements/1.1/"
-   xmlns:cc="http://creativecommons.org/ns#"
-   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
-   xmlns:svg="http://www.w3.org/2000/svg"
-   xmlns="http://www.w3.org/2000/svg"
-   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
-   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
-   version="1.1"
-   id="Layer_1"
-   x="0px"
-   y="0px"
-   width="512px"
-   height="512px"
-   viewBox="0 0 512 512"
-   enable-background="new 0 0 512 512"
-   xml:space="preserve"
-   sodipodi:docname="android-attach.svg"
-   inkscape:version="0.92.2 5c3e80d, 2017-08-06"><metadata
-     id="metadata4940"><rdf:RDF><cc:Work
-         rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
-           rdf:resource="http://purl.org/dc/dcmitype/StillImage" /><dc:title></dc:title></cc:Work></rdf:RDF></metadata><defs
-     id="defs4938" /><sodipodi:namedview
-     pagecolor="#ffffff"
-     bordercolor="#666666"
-     borderopacity="1"
-     objecttolerance="10"
-     gridtolerance="10"
-     guidetolerance="10"
-     inkscape:pageopacity="0"
-     inkscape:pageshadow="2"
-     inkscape:window-width="640"
-     inkscape:window-height="480"
-     id="namedview4936"
-     showgrid="false"
-     inkscape:pagecheckerboard="true"
-     inkscape:zoom="2.2617188"
-     inkscape:cx="256"
-     inkscape:cy="238.31434"
-     inkscape:current-layer="Layer_1" /><g
-     id="g5069"
-     transform="translate(0,-5e-4)"
-     style="fill:#00897b;fill-opacity:1"><path
-       id="path5065"
-       d="m 168,392 c -6.143,0 -12.285,-2.344 -16.971,-7.029 l -112,-112 c -9.373,-9.373 -9.373,-24.569 0,-33.941 l 112,-112 c 9.373,-9.372 24.568,-9.372 33.941,0 9.371,9.372 9.371,24.568 0,33.941 L 89.941,256 184.97,351.029 c 9.371,9.373 9.371,24.568 0,33.941 -4.687,4.686 -10.827,7.03 -16.97,7.03 z"
-       inkscape:connector-curvature="0"
-       style="fill:#00897b;fill-opacity:1" /><path
-       id="path5067"
-       d="m 344,392 c 6.143,0 12.285,-2.344 16.971,-7.029 l 112,-112 c 9.373,-9.373 9.373,-24.569 0,-33.941 l -112,-112 c -9.373,-9.372 -24.568,-9.372 -33.941,0 -9.371,9.372 -9.371,24.568 0,33.941 L 422.059,256 327.03,351.029 c -9.371,9.373 -9.371,24.568 0,33.941 4.687,4.686 10.827,7.03 16.97,7.03 z"
-       inkscape:connector-curvature="0"
-       style="fill:#00897b;fill-opacity:1" /></g></svg>
--- a/imgs/img_expect_more.svg
+++ b/imgs/img_expect_more.svg
@ -1,47 +0,0 @@
-<?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<!-- Generator: Adobe Illustrator 16.2.1, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
-
-<svg
-   xmlns:dc="http://purl.org/dc/elements/1.1/"
-   xmlns:cc="http://creativecommons.org/ns#"
-   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
-   xmlns:svg="http://www.w3.org/2000/svg"
-   xmlns="http://www.w3.org/2000/svg"
-   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
-   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
-   version="1.1"
-   id="Layer_1"
-   x="0px"
-   y="0px"
-   width="512px"
-   height="512px"
-   viewBox="0 0 512 512"
-   enable-background="new 0 0 512 512"
-   xml:space="preserve"
-   sodipodi:docname="android-attach.svg"
-   inkscape:version="0.92.2 5c3e80d, 2017-08-06"><metadata
-     id="metadata4940"><rdf:RDF><cc:Work
-         rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
-           rdf:resource="http://purl.org/dc/dcmitype/StillImage" /><dc:title></dc:title></cc:Work></rdf:RDF></metadata><defs
-     id="defs4938" /><sodipodi:namedview
-     pagecolor="#ffffff"
-     bordercolor="#666666"
-     borderopacity="1"
-     objecttolerance="10"
-     gridtolerance="10"
-     guidetolerance="10"
-     inkscape:pageopacity="0"
-     inkscape:pageshadow="2"
-     inkscape:window-width="640"
-     inkscape:window-height="480"
-     id="namedview4936"
-     showgrid="false"
-     inkscape:pagecheckerboard="true"
-     inkscape:zoom="2.2617188"
-     inkscape:cx="256"
-     inkscape:cy="238.31434"
-     inkscape:current-layer="Layer_1" /><path
-     id="path5305"
-     d="m 410.06018,31.999998 h -52 c -3.3,0 -6,2.7 -6,6 v 5.6 c -4,4 -10.9,9.8 -17.8,9.8 -10.5,0 -14.8,-16.4 -26.1,-18.4 -11.3,-2 -27.2,-3 -37.9,-3 -10.7,0 -52,0.7 -102,21.5 -50,20.800003 -71.699998,64.900002 -72.299998,81.400002 -0.3,8.7 2.7,21.1 9.999998,11.1 7.3,-10 35.3,-42.3 57.7,-44.7 22.3,-2.299999 45.7,0.8 63.7,17.2 17.3,15.7 21.3,30.8 21.3,73.5 l -6.6,2 c -4.3,1.3 -7,5.7 -7,9 0,0 -0.2,6.5 -0.2,70.4 0,94.6 -10.8,200.6 -10.8,200.6 0,3.3 2.7,6 6,6 h 84 c 3.3,0 6,-2.7 6,-6 0,0 -10.8,-106 -10.8,-200.6 0,-63.9 -0.2,-70.4 -0.2,-70.4 0,-3.3 -2.3,-7.8 -7,-9 l -8,-2 c 0,-38.2 -0.4,-54 6.3,-65.9 7,-12.4 22.3,-22.9 29.7,-25.1 5.9,-1.799999 16,1.3 22,6.5 V 122 c 0,3.3 2.7,6 6,6 h 52 c 3.3,0 6,-2.7 6,-6 V 37.999998 c 0,-3.3 -2.7,-6 -6,-6 z"
-     inkscape:connector-curvature="0"
-     style="fill:#00897b;fill-opacity:1" /></svg>
--- a/imgs/img_extension.svg
+++ b/imgs/img_extension.svg
@ -1,51 +0,0 @@
-<?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<!-- Generator: Adobe Illustrator 16.2.1, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
-
-<svg
-   xmlns:dc="http://purl.org/dc/elements/1.1/"
-   xmlns:cc="http://creativecommons.org/ns#"
-   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
-   xmlns:svg="http://www.w3.org/2000/svg"
-   xmlns="http://www.w3.org/2000/svg"
-   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
-   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
-   version="1.1"
-   id="Layer_1"
-   x="0px"
-   y="0px"
-   width="512px"
-   height="512px"
-   viewBox="0 0 512 512"
-   enable-background="new 0 0 512 512"
-   xml:space="preserve"
-   sodipodi:docname="android-attach.svg"
-   inkscape:version="0.92.2 5c3e80d, 2017-08-06"><metadata
-     id="metadata4940"><rdf:RDF><cc:Work
-         rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
-           rdf:resource="http://purl.org/dc/dcmitype/StillImage" /><dc:title></dc:title></cc:Work></rdf:RDF></metadata><defs
-     id="defs4938" /><sodipodi:namedview
-     pagecolor="#ffffff"
-     bordercolor="#666666"
-     borderopacity="1"
-     objecttolerance="10"
-     gridtolerance="10"
-     guidetolerance="10"
-     inkscape:pageopacity="0"
-     inkscape:pageshadow="2"
-     inkscape:window-width="640"
-     inkscape:window-height="480"
-     id="namedview4936"
-     showgrid="false"
-     inkscape:pagecheckerboard="true"
-     inkscape:zoom="2.2617188"
-     inkscape:cx="256"
-     inkscape:cy="238.31434"
-     inkscape:current-layer="Layer_1" /><g
-     id="Icon_26_"
-     style="fill:#00897b;fill-opacity:1"><g
-       id="g5245"
-       style="fill:#00897b;fill-opacity:1"><path
-         id="path5243"
-         d="m 256,170.136 c 25.499,0 49.567,10.025 67.771,28.229 18.204,18.203 28.229,42.272 28.229,67.771 0,17.621 -4.422,34.031 -13.144,48.773 -8.339,14.098 -20.437,26.036 -34.985,34.526 L 288,358.697 V 377.073 448 h -64 v -70.927 -18.376 l -15.871,-9.262 C 178.442,332.111 160,300.192 160,266.136 c 0,-25.499 10.025,-49.567 28.229,-67.771 18.204,-18.204 42.272,-28.229 67.771,-28.229 M 277.333,32 c -6.396,0 -42.666,0 -42.666,0 v 64 h 42.666 z M 406.396,85.864 368,124.271 397.864,154.136 436.27,115.74 Z m -300.792,0 -29.875,29.875 38.406,38.396 L 144,124.271 Z M 256,138.136 c -70.396,0 -128,57.604 -128,128 0,46.938 25.604,88.531 64,110.938 V 480 H 320 V 377.073 c 38.396,-22.406 64,-62.938 64,-110.938 0,-70.396 -57.604,-127.999 -128,-127.999 z m 224,106.666 h -64 v 42.667 h 64 z m -384,0 H 32 v 42.667 h 64 z"
-         inkscape:connector-curvature="0"
-         style="fill:#00897b;fill-opacity:1" /></g></g></svg>
--- a/imgs/img_image.svg
+++ b/imgs/img_image.svg
@ -1,56 +0,0 @@
-<?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<!-- Generator: Adobe Illustrator 16.2.1, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
-
-<svg
-   xmlns:dc="http://purl.org/dc/elements/1.1/"
-   xmlns:cc="http://creativecommons.org/ns#"
-   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
-   xmlns:svg="http://www.w3.org/2000/svg"
-   xmlns="http://www.w3.org/2000/svg"
-   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
-   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
-   version="1.1"
-   id="Layer_1"
-   x="0px"
-   y="0px"
-   width="512px"
-   height="512px"
-   viewBox="0 0 512 512"
-   enable-background="new 0 0 512 512"
-   xml:space="preserve"
-   sodipodi:docname="android-attach.svg"
-   inkscape:version="0.92.2 5c3e80d, 2017-08-06"><metadata
-     id="metadata4940"><rdf:RDF><cc:Work
-         rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
-           rdf:resource="http://purl.org/dc/dcmitype/StillImage" /><dc:title></dc:title></cc:Work></rdf:RDF></metadata><defs
-     id="defs4938" /><sodipodi:namedview
-     pagecolor="#ffffff"
-     bordercolor="#666666"
-     borderopacity="1"
-     objecttolerance="10"
-     gridtolerance="10"
-     guidetolerance="10"
-     inkscape:pageopacity="0"
-     inkscape:pageshadow="2"
-     inkscape:window-width="640"
-     inkscape:window-height="480"
-     id="namedview4936"
-     showgrid="false"
-     inkscape:pagecheckerboard="true"
-     inkscape:zoom="2.2617188"
-     inkscape:cx="256"
-     inkscape:cy="238.31434"
-     inkscape:current-layer="Layer_1" /><g
-     id="g5001"
-     transform="translate(0.01971293,-0.02898186)"
-     style="fill:#00897b;fill-opacity:1"><g
-       id="g4997"
-       style="fill:#00897b;fill-opacity:1"><path
-         id="path4995"
-         d="m 457.6,140.2 -82.5,-4 -4.8,-53.8 C 369.3,71.1 359.2,63.2 347.4,64.1 L 51.4,88.4 C 39.6,89.4 31.1,98.9 32,110.1 l 21.2,235.8 c 1,11.3 11.2,19.2 22.9,18.3 l 15,-1.2 -2.4,45.8 c -0.6,12.6 9.2,22.8 22.4,23.5 L 441.3,448 c 13.2,0.6 24.1,-8.6 24.8,-21.2 L 480,163.5 c 0.6,-12.5 -9.3,-22.7 -22.4,-23.3 z m -355,5.3 -7.1,134.8 -17.4,24.7 -16,-178 c 0,-0.2 0,-0.3 0,-0.5 0,-0.2 0,-0.3 0,-0.5 0.5,-5 4.3,-9 9.5,-9.4 l 261,-21.4 c 5.2,-0.4 9.7,3 10.5,7.9 0,0.2 0.3,0.2 0.3,0.4 0,0.1 0.3,0.2 0.3,0.4 l 2.7,30.8 -219,-10.5 c -13.2,-0.4 -24.2,8.8 -24.8,21.3 z M 436.7,382.4 390,327.1 362.5,294.4 c -2.4,-2.9 -6.3,-5.3 -10.6,-5.5 -4.3,-0.2 -7.5,1.5 -11.1,4.1 l -16.4,11.9 c -3.5,2.1 -6.2,3.5 -9.9,3.3 -3.6,-0.2 -6.8,-1.6 -9.1,-3.8 -0.8,-0.8 -2.3,-2.2 -3.5,-3.4 l -42.8,-48.9 c -3.1,-3.9 -8.2,-6.4 -13.8,-6.7 -5.7,-0.3 -11.2,2.1 -14.8,5.6 l -101.1,108.8 -6.8,7.4 0.3,-6.8 6.8,-128.9 3.3,-62.9 c 0,-0.2 0,-0.4 0,-0.5 0,-0.2 0,-0.4 0,-0.5 1.4,-5.4 6.2,-9.3 11.9,-9 l 204.2,9.8 28.7,1.4 58.3,2.8 c 5.8,0.3 10.3,4.7 10.4,10.2 0,0.2 0.3,0.3 0.3,0.5 0,0.2 0.3,0.3 0.3,0.5 z"
-         inkscape:connector-curvature="0"
-         style="fill:#00897b;fill-opacity:1" /></g><path
-       id="path4999"
-       d="m 373.2,262.3 c 19.4,0 35.2,-15.8 35.2,-35.2 0,-19.4 -15.7,-35.2 -35.2,-35.2 -19.4,0 -35.2,15.7 -35.2,35.2 0,19.5 15.7,35.2 35.2,35.2 z"
-       inkscape:connector-curvature="0"
-       style="fill:#00897b;fill-opacity:1" /></g></svg>
--- a/imgs/img_logo.png
+++ b/imgs/img_logo.png
--- a/imgs/img_outline.svg
+++ b/imgs/img_outline.svg
@ -1,90 +0,0 @@
-<?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<!-- Generator: Adobe Illustrator 16.2.1, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
-
-<svg
-   xmlns:dc="http://purl.org/dc/elements/1.1/"
-   xmlns:cc="http://creativecommons.org/ns#"
-   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
-   xmlns:svg="http://www.w3.org/2000/svg"
-   xmlns="http://www.w3.org/2000/svg"
-   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
-   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
-   version="1.1"
-   id="Layer_1"
-   x="0px"
-   y="0px"
-   width="512px"
-   height="512px"
-   viewBox="0 0 512 512"
-   enable-background="new 0 0 512 512"
-   xml:space="preserve"
-   sodipodi:docname="android-attach.svg"
-   inkscape:version="0.92.2 5c3e80d, 2017-08-06"><metadata
-     id="metadata4940"><rdf:RDF><cc:Work
-         rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
-           rdf:resource="http://purl.org/dc/dcmitype/StillImage" /><dc:title></dc:title></cc:Work></rdf:RDF></metadata><defs
-     id="defs4938" /><sodipodi:namedview
-     pagecolor="#ffffff"
-     bordercolor="#666666"
-     borderopacity="1"
-     objecttolerance="10"
-     gridtolerance="10"
-     guidetolerance="10"
-     inkscape:pageopacity="0"
-     inkscape:pageshadow="2"
-     inkscape:window-width="640"
-     inkscape:window-height="480"
-     id="namedview4936"
-     showgrid="false"
-     inkscape:pagecheckerboard="true"
-     inkscape:zoom="2.2617188"
-     inkscape:cx="256"
-     inkscape:cy="238.31434"
-     inkscape:current-layer="Layer_1" /><g
-     id="g5172"
-     style="fill:#00897b;fill-opacity:1"><g
-       id="g5164"
-       style="fill:#00897b;fill-opacity:1"><path
-         id="path5150"
-         d="M 432,80 V 432 H 80 V 80 H 432 M 448,64 H 64 v 384 h 384 z"
-         inkscape:connector-curvature="0"
-         style="fill:#00897b;fill-opacity:1" /><g
-         id="g5154"
-         style="fill:#00897b;fill-opacity:1"><rect
-           id="rect5152"
-           height="16"
-           width="192"
-           y="152"
-           x="192"
-           style="fill:#00897b;fill-opacity:1" /></g><g
-         id="g5158"
-         style="fill:#00897b;fill-opacity:1"><rect
-           id="rect5156"
-           height="16"
-           width="192"
-           y="248"
-           x="192"
-           style="fill:#00897b;fill-opacity:1" /></g><g
-         id="g5162"
-         style="fill:#00897b;fill-opacity:1"><rect
-           id="rect5160"
-           height="16"
-           width="192"
-           y="344"
-           x="192"
-           style="fill:#00897b;fill-opacity:1" /></g></g><circle
-       id="circle5166"
-       r="16"
-       cy="160"
-       cx="144"
-       style="fill:#00897b;fill-opacity:1" /><circle
-       id="circle5168"
-       r="16"
-       cy="256"
-       cx="144"
-       style="fill:#00897b;fill-opacity:1" /><circle
-       id="circle5170"
-       r="16"
-       cy="352"
-       cx="144"
-       style="fill:#00897b;fill-opacity:1" /></g></svg>
--- a/index.html
+++ b/index.html
@ -1,332 +1,21 @@
-<!DOCTYPE html>
+<!doctype html>
 <html>
 <head>
-  <title>VNote</title>
-  <meta name="viewport" content="width=device-width, height=device-height, initial-scale=1.0, maximum-scale=1.0" />
-
-  <link rel="icon" type="image/png" href="imgs/img_logo.png" />
-  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta.2/css/bootstrap.min.css" integrity="sha384-PsH8R72JQ3SOdhVi3uxftmaW6Vc51MKb0q5P2rRUpPvrszuE4W1povHYgTpBfshb" crossorigin="anonymous">
-  <link href="https://fonts.googleapis.com/css?family=Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i" rel="stylesheet">
-  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.css">
-
-  <link type="text/css" rel="stylesheet" href="./css/froala_blocks.css">
-
-  <style>
-    #navigator {
-      position: sticky;
-      top: 0;
-      z-index: 1000;
-    }
-
-    #navigator .navbar-toggler-icon {
-    	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0, 0, 0, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
-    }
-
-    @media (max-width: 720px) {
-      #navigator {
-        border-bottom: 1px solid #ccc;
-      }
-    }
-
-    #navigator a {
-      font-size: 14px;
-    }
-
-    #navigator + section {
-      padding: 250px 0;
-    }
-  </style>
+    <meta charset="UTF-8">
+    <script type="text/javascript">
+        var redir = (function() {
+            var languageString = navigator.language || navigator.userLanguage || '';
+            var language = languageString.split(/[_-]/)[0].toLowerCase();
+            switch (language) {
+            case 'zh':
+                return "/zh_CN/";
+            default:
+                return "/en_US/";
+            }
+        })();
+        window.location.href = redir;
+    </script>
 </head>
-
 <body>
-  <header>
-    <div class="container">
-      <nav class="navbar navbar-expand-md">
-        <a class="navbar-brand" href="https://tamlok.github.io/vnote">
-          <img src="./imgs/img_logo.png" height="30" alt="logo">
-        </a>
-
-        <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav1" aria-controls="navbarNav1" aria-expanded="false" aria-label="Toggle navigation">
-          <span class="navbar-toggler-icon"></span>
-        </button>
-
-        <div class="collapse navbar-collapse" id="navbarNav1">
-          <ul class="navbar-nav mr-auto">
-            <li class="nav-item active">
-              <a class="nav-link" href="https://tamlok.github.io/vnote">Home <span class="sr-only">(current)</span></a>
-            </li>
-            <li class="nav-item">
-              <a class="nav-link" href="#features">Features</a>
-            </li>
-            <li class="nav-item">
-              <a class="nav-link" href="gallery.html">Screenshots</a>
-            </li>
-            <li class="nav-item">
-              <a class="nav-link" href="http://vnote.readthedocs.io">Documentation</a>
-            </li>
-          </ul>
-        </div>
-      </nav>
-    </div>
-  </header>
-
-  <section class="fdb-block" style="background-image: url(imgs/alt_wide_1.svg);">
-    <div class="container">
-      <div class="row justify-content-start">
-        <div class="col-12 col-sm-10 col-md-8 text-center text-sm-left">
-          <img alt="image" width="200" src="./imgs/img_logo.png"/>
-          <h1>VNote</h1>
-          <p class="text-h3">A Vim-inspired note-taking application that knows programmers and Markdown better.</p>
-          <p class="mt-4">
-            <a class="btn btn-black mr-3 mr-sm-0" href="https://github.com/tamlok/vnote"><i class="fa fa-github"></i> Github Project</a>
-            <a class="btn ml-sm-3 mr-3 mr-sm-0 mt-3 mt-sm-0" href="https://github.com/tamlok/vnote#downloads">Download</a>
-          </p>
-        </div>
-      </div>
-    </div>
-  </section>
-
-  <section class="fdb-block">
-    <div class="container">
-      <div class="row align-items-center">
-        <div class="col-12 col-md-6 mb-4 mb-md-0">
-          <img alt="image" class="img-fluid" src="./imgs/concentration.svg">
-        </div>
-        <div class="col-12 col-md-6 col-lg-5 ml-md-auto text-left">
-          <h1>Concentration</h1>
-          <p class="text-h3 mb-5">Markdown does <b>NOT</b> need live preview side by side. Focus on your note in both read and edit mode.</p>
-        </div>
-      </div>
-    </div>
-  </section>
-
-  <section class="fdb-block">
-    <div class="container">
-      <div class="row align-items-center">
-        <div class="col-12 col-md-12 col-lg-6 col-xl-5">
-          <h1>Cross-Platform</h1>
-          <p class="text-h3 mb-5">Built with C++ and Qt, VNote works in major desktop platforms.</p>
-        </div>
-
-        <div class="col-12 col-md-8 m-auto ml-lg-auto mr-lg-0 col-lg-6 pt-5 pt-lg-0">
-          <img alt="image" class="img-fluid" src="./imgs/cross_platform.svg">
-        </div>
-      </div>
-    </div>
-  </section>
-
-  <section class="fdb-block">
-    <div class="container">
-      <div class="row align-items-center">
-        <div class="col-12 col-md-6 mb-4 mb-md-0">
-          <img alt="image" class="img-fluid" src="./imgs/simple_management.svg">
-        </div>
-        <div class="col-12 col-md-6 col-lg-5 ml-md-auto text-left">
-          <h1>Simple Management</h1>
-          <ul>
-            <li>All plain text, no database</li>
-            <li>One directory to hold one <b>notebook</b></li>
-            <li>One notebook contains infinite-level <b>folders</b></li>
-            <li>Folders hold your <b>notes</b></li>
-          </ul>
-        </div>
-      </div>
-    </div>
-  </section>
-
-  <section class="fdb-block">
-    <div class="container">
-      <div class="row align-items-center">
-        <div class="col-12 col-md-12 col-lg-6 col-xl-5">
-          <h1>Own Your Data</h1>
-          <p class="text-h3 mb-5">All files on your local disk. Utilize third-party synchronization services to work from anywhere seamlessly.</p>
-        </div>
-
-        <div class="col-12 col-md-8 m-auto ml-lg-auto mr-lg-0 col-lg-6 pt-5 pt-lg-0">
-          <img alt="image" class="img-fluid" src="./imgs/own_your_data.svg">
-        </div>
-      </div>
-    </div>
-  </section>
-
-  <section class="fdb-block">
-    <div class="container">
-      <div class="row align-items-center">
-        <div class="col-12 col-md-6 mb-4 mb-md-0">
-          <img alt="image" class="img-fluid" src="./imgs/pleasant_markdown_experience.svg">
-        </div>
-        <div class="col-12 col-md-6 col-lg-5 ml-md-auto text-left">
-          <h1>Pleasant Markdown Experience</h1>
-          <p class="text-h3 mb-5">Minimize the gap between reading and writing Markdown.</p>
-          <ul>
-            <li>Tuned and meaningful syntax highlights for Markdown</li>
-            <li>In-place image links preview</li>
-            <li>Copy/paste images without messy stuff</li>
-            <li>Syntax highlights for code blocks in edit mode</li>
-            <li>Interactive outline</li>
-          </ul>
-        </div>
-      </div>
-    </div>
-  </section>
-
-  <section class="fdb-block">
-    <div class="container">
-      <div class="row align-items-center">
-        <div class="col-12 col-md-12 col-lg-6 col-xl-5">
-          <h1>Highly Customizable</h1>
-          <p class="text-h3 mb-5">Themes, styles, behaviors. All could be tuned to your taste.</p>
-        </div>
-
-        <div class="col-12 col-md-8 m-auto ml-lg-auto mr-lg-0 col-lg-6 pt-5 pt-lg-0">
-          <img alt="image" class="img-fluid" src="./imgs/highly_customizable.svg">
-        </div>
-      </div>
-    </div>
-  </section>
-
-  <section class="fdb-block">
-    <div class="container">
-      <div class="row align-items-center">
-        <div class="col-12 col-md-6 mb-4 mb-md-0">
-          <img alt="image" class="img-fluid" src="./imgs/for_programmers.svg">
-        </div>
-        <div class="col-12 col-md-6 col-lg-5 ml-md-auto text-left">
-          <h1>By Programmers, For Programmers</h1>
-          <p class="text-h3 mb-5">Utilize the power of code editors for Markdown notes.</p>
-          <ul>
-            <li>Vim mode</li>
-            <li>Line number</li>
-            <li>Multiple tabs</li>
-            <li>Split window</li>
-            <li>Powerful shortcuts</li>
-          </ul>
-        </div>
-      </div>
-    </div>
-  </section>
-
-  <section class="fdb-block">
-    <div class="container">
-      <div class="row text-center">
-        <div class="col-12">
-          <h1 id="features">Features</h1>
-        </div>
-      </div>
-      <div class="row text-left mt-5">
-        <div class="col-12 col-md-4">
-          <div class="row">
-            <div class="col-3">
-              <img alt="image" class="img-fluid" src="./imgs/img_image.svg">
-            </div>
-            <div class="col-9">
-              <h3><strong>Easy Images</strong></h3>
-              <p>Insert images directly from clipboard. Preview images in place in edit mode.</p>
-            </div>
-          </div>
-        </div>
-
-        <div class="col-12 col-md-4 pt-3 pt-sm-4 pt-md-0">
-          <div class="row">
-            <div class="col-3">
-              <img alt="image" class="img-fluid" src="./imgs/img_codeblock.svg">
-            </div>
-            <div class="col-9">
-              <h3><strong>Code Blocks</strong></h3>
-              <p>Syntax highlights for Code Blocks in both edit and read mode.</p>
-            </div>
-          </div>
-        </div>
-
-        <div class="col-12 col-md-4 pt-3 pt-sm-4 pt-md-0">
-          <div class="row">
-            <div class="col-3">
-              <img alt="image" class="img-fluid" src="./imgs/img_outline.svg">
-            </div>
-            <div class="col-9">
-              <h3><strong>Interactive Outline</strong></h3>
-              <p>Interactive outline in both edit and read mode.</p>
-            </div>
-          </div>
-        </div>
-      </div>
-
-      <div class="row text-left pt-3 pt-sm-4 pt-md-5">
-        <div class="col-12 col-md-4">
-          <div class="row">
-            <div class="col-3">
-              <img alt="image" class="img-fluid" src="./imgs/img_extension.svg">
-            </div>
-            <div class="col-9">
-              <h3><strong>Extensions</strong></h3>
-              <p>Mermaid, Flowchart.js, and MathJax.</p>
-            </div>
-          </div>
-        </div>
-
-        <div class="col-12 col-md-4 pt-3 pt-sm-4 pt-md-0">
-          <div class="row">
-            <div class="col-3">
-              <img alt="image" class="img-fluid" src="./imgs/img_attachment.svg">
-            </div>
-            <div class="col-9">
-              <h3><strong>Attachments</strong></h3>
-              <p>Link all related files to the notes by attachments.</p>
-            </div>
-          </div>
-        </div>
-
-        <div class="col-12 col-md-4 pt-3 pt-sm-4 pt-md-0">
-          <div class="row">
-            <div class="col-3">
-              <img alt="image" class="img-fluid" src="./imgs/img_expect_more.svg">
-            </div>
-            <div class="col-9">
-              <h3><strong>We Could Expect More</strong></h3>
-              <p>VNote is in active development. Post your issues or pull requests to shape VNote.</p>
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-  </section>
-
-  <section class="fdb-block">
-    <div class="container">
-      <div class="row align-items-center">
-        <div class="col-12 col-sm-9 text-left">
-          <h2>Learn how VNote is and will be developed on Github</h2>
-        </div>
-        <div class="col-12 col-sm-3 text-left text-sm-center mt-4 mt-sm-0">
-          <a class="btn mr-3 mr-sm-0" href="https://github.com/tamlok/vnote"><i class="fa fa-github"></i> Github Project</a>
-        </div>
-      </div>
-    </div>
-  </section>
-
-  <footer class="fdb-block footer-large">
-    <div class="container">
-      <div class="row align-items-top text-center">
-        <div class="col-12 col-sm-6 col-md-4 col-lg-3 text-sm-left">
-          <h3><strong>About VNote</strong></h3>
-          <nav class="nav flex-column">
-            <p>Developed from 2016/10/01</p>
-            <p>WeChat Public Account: vnote_md</p>
-          </nav>
-        </div>
-
-        <div class="col-12 col-sm-6 col-md-4 col-lg-3 mt-5 mt-sm-0 text-sm-left">
-          <h3><strong>About Me</strong></h3>
-          <nav class="nav flex-column">
-          <p><a href="https://github.com/tamlok">tamlok@github</a></p>
-          <p><a href="mailto:tamlokveer@gmail.com">tamlokveer@gmail.com</a></p>
-          </nav>
-        </div>
-      </div>
-  </footer>
-
-  <script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
-  <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.11.0/umd/popper.min.js" integrity="sha384-b/U6ypiBEHpOf/4+1nzFpr53nxSS+GLCkfwBdFNTxtclqqenISfwAzpKaMNFNmj4" crossorigin="anonymous"></script>
-  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta.2/js/bootstrap.min.js" integrity="sha384-alpBpkh1PFOepccYVYDB4do5UnbKysX5WZXm3XxPqe5iKTfUKjNkCk9SaVuEZflJ" crossorigin="anonymous"></script>
 </body>
 </html>
--- a/zh_CN/_vnote.json
+++ b/zh_CN/_vnote.json
@ -0,0 +1,8 @@
+{
+    "created_time": "2018-11-24T05:03:15Z",
+    "files": [
+    ],
+    "sub_directories": [
+    ],
+    "version": "1"
+}
				`@ -0,0 +1 @@`
				<svg role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><title>GitHub</title><path fill="#B2DFDB" d="M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12"/></svg>