reverse proxy with non-standard port

Author: xhofe

docs/.vuepress/components/Desktop.vue

@@ -23,6 +23,7 @@ const version = data.version as string;
 
 let text = {
   down: "Download",
+  website: "Website",
 };
 
 const raw = [
@@ -64,6 +65,7 @@ const options = computed(() => {
 if (location.pathname.startsWith("/zh/")) {
   text = {
     down: "下载",
+    website: "官网",
   };
 }
 
@@ -74,30 +76,41 @@ function down() {
 function handleSelect(key) {
   plat.value = key;
 }
+
+function openWebsite() {
+  window.open("https://ad.nn.ci/", "_blank");
+}
 </script>
 
 <template>
   <NSpace align="center" vertical size="large">
-    <NButtonGroup class="down">
-      <NDropdown
-        trigger="hover"
-        :options="options"
-        @select="handleSelect"
-        size="large"
-      >
-        <NButton size="large" type="primary" tertiary>💻{{ fullPlat }}</NButton>
-      </NDropdown>
-      <NButton size="large" @click="down" type="info" secondary>{{
-        text.down
+    <NSpace class="btn">
+      <NButton size="large" type="info" @click="openWebsite" tertiary>{{
+        text.website
       }}</NButton>
-    </NButtonGroup>
+      <NButtonGroup>
+        <NDropdown
+          trigger="hover"
+          :options="options"
+          @select="handleSelect"
+          size="large"
+        >
+          <NButton size="large" type="primary" tertiary
+            >💻{{ fullPlat }}</NButton
+          >
+        </NDropdown>
+        <NButton size="large" @click="down" type="info" secondary>{{
+          text.down
+        }}</NButton>
+      </NButtonGroup></NSpace
+    >
     <NImage src="/img/guide/desktop.png"></NImage>
   </NSpace>
 </template>
 
 <style scoped>
-.down {
-  transform: scale(150%);
+.btn {
+  transform: scale(125%);
   margin-top: 30px;
   margin-bottom: 30px;
 }

docs/.vuepress/navbar/en.ts

@@ -20,9 +20,12 @@ export const en = navbar([
     ],
   },
   {
-    text: "Version",
-    icon: "branch",
-    children: [{ text: "V2", link: "https://alist-doc.nn.ci" }],
+    text: "More",
+    icon: "more",
+    children: [
+      { text: "V2", link: "https://alist-doc.nn.ci" },
+      { text: "Desktop", link: "https://ad.nn.ci/" },
+    ],
   },
   {
     text: "Github",

docs/.vuepress/navbar/zh.ts

@@ -20,9 +20,12 @@ export const zh = navbar([
     ],
   },
   {
-    text: "版本",
-    icon: "branch",
-    children: [{ text: "V2", link: "https://alist-doc.nn.ci" }],
+    text: "更多",
+    icon: "more",
+    children: [
+      { text: "V2", link: "https://alist-doc.nn.ci" },
+      { text: "桌面版", link: "https://ad.nn.ci/" },
+    ],
   },
   {
     text: "Github",

docs/guide/install/reverse-proxy.md

@@ -23,6 +23,10 @@ The program listens to port 5244 by default. If you do `reverse proxy`, recommen
 
 > If you want to use a sub folder, refer to [reverse proxy with sub folder](../../faq/howto.md#how-to-reverse-proxy-with-sub-directory)
 
+:::tip Can't play video when reverse-proxy non-standard ports or enable https?
+You need to passed correct host header, refer to [#726](https://github.com/alist-org/alist/issues/726) [#1159](https://github.com/alist-org/alist/issues/1159) [#2429](https://github.com/alist-org/alist/issues/2429) [#3644](https://github.com/alist-org/alist/issues/3644) [#4181](https://github.com/alist-org/alist/issues/4181) [#4719](https://github.com/alist-org/alist/issues/4719)
+:::
+
 ### **nginx**
 Add in the server field of the website configuration file
 ```nginx

docs/zh/guide/install/reverse-proxy.md

@@ -24,6 +24,10 @@ star: true
 
 > 如果你想使用子目录，参考[这里](../../faq/howto.md#如何对子目录进行反向代理)
 
+:::tip 反向代理非标准端口或启用https不能播放视频?
+你需要通过正确的Host头,请参考 [#726](https://github.com/alist-org/alist/issues/726) [#1159](https://github.com/alist-org/alist/issues/1159) [#2429](https://github.com/alist-org/alist/issues/2429) [#3644](https://github.com/alist-org/alist/issues/3644) [#4181](https://github.com/alist-org/alist/issues/4181) [#4719](https://github.com/alist-org/alist/issues/4719)
+:::
+
 ## **nginx**
 
 在网站配置文件的 server 字段中添加