diff --git a/packages/@vuepress/theme-default/components/Navbar.vue b/packages/@vuepress/theme-default/components/Navbar.vue
index 50723ccc3c..3bba5a5e27 100644
--- a/packages/@vuepress/theme-default/components/Navbar.vue
+++ b/packages/@vuepress/theme-default/components/Navbar.vue
@@ -3,7 +3,8 @@
     <SidebarButton @toggle-sidebar="$emit('toggle-sidebar')"/>
 
     <router-link
-      :to="$localePath"
+      :to="logoLink"
+      v-if="!isExternal(logoLink)"
       class="home-link"
     >
       <img
@@ -19,6 +20,26 @@
         :class="{ 'can-hide': $site.themeConfig.logo }"
       >{{ $siteTitle }}</span>
     </router-link>
+    <a
+      v-else
+      :href="logoLink"
+      class="home-link"
+      :target="'_blank'"
+      :rel="'noopener noreferrer'"
+    >
+      <img
+        class="logo"
+        v-if="$site.themeConfig.logo"
+        :src="$withBase($site.themeConfig.logo)"
+        :alt="$siteTitle"
+      >
+      <span
+        ref="siteName"
+        class="site-name"
+        v-if="$siteTitle"
+        :class="{ 'can-hide': $site.themeConfig.logo }"
+      >{{ $siteTitle }}</span>
+    </a>
 
     <div
       class="links"
@@ -37,6 +58,7 @@
 </template>
 
 <script>
+import { isExternal } from '../util'
 import SidebarButton from './SidebarButton.vue'
 import AlgoliaSearchBox from '@AlgoliaSearchBox'
 import SearchBox from '@SearchBox'
@@ -66,6 +88,10 @@ export default {
     window.addEventListener('resize', handleLinksWrapWidth, false)
   },
 
+  methods: {
+    isExternal
+  },
+
   computed: {
     algolia () {
       return this.$themeLocaleConfig.algolia || this.$site.themeConfig.algolia || {}
@@ -73,6 +99,10 @@ export default {
 
     isAlgoliaSearch () {
       return this.algolia && this.algolia.apiKey && this.algolia.indexName
+    },
+
+    logoLink () {
+      return this.$themeLocaleConfig.logoLink || this.$site.themeConfig.logoLink || this.$localePath
     }
   }
 }
diff --git a/packages/docs/docs/theme/default-theme-config.md b/packages/docs/docs/theme/default-theme-config.md
index faade4073c..aadceb2960 100644
--- a/packages/docs/docs/theme/default-theme-config.md
+++ b/packages/docs/docs/theme/default-theme-config.md
@@ -35,6 +35,40 @@ If you want to use a completely custom homepage layout, you can also use a [Cust
 
 The Navbar may contain your page title, [Search Box](#search-box), [Navbar Links](#navbar-links), [Languages](../guide/i18n.md) and [Repository Link](#git-repo-and-edit-links), all of them depends on your configuration.
 
+### Logo Link
+
+By default, clicking on the logo redirects you to the [`localePath`](/config/#locales) - the root of the path defined in your current locale. You can change this link on a locale or site-wide level:
+
+```js
+// .vuepress/config.js
+// Site-wide
+module.exports = {
+  themeConfig: {
+    logoLink: 'https://yourdomain.com'
+  }
+}
+```
+
+```js
+// .vuepress/config.js
+// Locale-specific
+module.exports = {
+  themeConfig: {
+    locales: {
+      '/': {
+        label: 'English',
+        logoLink: 'https://yourdomain.com'
+      },
+      '/zh': {
+        label: '简体中文',
+        logoLink: 'https://yourdomain.cn'
+      }
+    }
+  }
+}
+```
+
+
 ### Navbar Links
 
 You can add links to the navbar via `themeConfig.nav`: