侧边栏添加常用链接

README.md

@@ -103,6 +103,8 @@
 
 **自建服务器时强烈建议不使用加载器**，否则可能因为混合HTTP和HTTPS等原因加载不出来
 
-## 更多文档
+## 常用链接
 
-[blivechat wiki](https://github.com/xfgryujk/blivechat/wiki)
+* [文档](https://github.com/xfgryujk/blivechat/wiki)
+* [交流社区](https://github.com/xfgryujk/blivechat/discussions)
+* [B站商店](https://play-live.bilibili.com/details/1694397161340)

frontend/src/lang/en.js

@@ -3,8 +3,12 @@ export default {
     home: 'Home',
     stylegen: 'Style Generator',
     help: 'Help',
+    links: 'Links',
     projectAddress: 'Project Address',
-    giftRecordOfficial: 'Official Super Chat Record',
+    discussion: 'Discussions',
+    documentation: 'Documentation',
+    mall: 'Mall',
+    giftRecordOfficial: 'Super Chat Records',
   },
   home: {
     roomIdEmpty: "Room ID can't be empty",

frontend/src/lang/ja.js

@@ -3,8 +3,12 @@ export default {
     home: 'トップページ',
     stylegen: 'スタイルジェネレータ',
     help: 'ヘルプ',
+    links: 'リンク',
     projectAddress: 'プロジェクトアドレス',
-    giftRecordOfficial: '公式スーパーチャット記録',
+    discussion: '議論',
+    documentation: 'ドキュメンテーション',
+    mall: 'モール',
+    giftRecordOfficial: 'スーパーチャット記録',
   },
   home: {
     roomIdEmpty: 'ルームのIDを空白にすることはできません',

frontend/src/lang/zh.js

@@ -3,8 +3,12 @@ export default {
     home: '首页',
     stylegen: '样式生成器',
     help: '帮助',
+    links: '常用链接',
     projectAddress: '项目地址',
-    giftRecordOfficial: '官方打赏记录',
+    discussion: '反馈 / 交流',
+    documentation: '文档',
+    mall: 'B站商店',
+    giftRecordOfficial: '打赏记录',
   },
   home: {
     roomIdEmpty: '房间ID不能为空',

frontend/src/layout/Sidebar.vue

@@ -16,17 +16,37 @@
       <el-menu-item :index="$router.resolve({ name: 'help' }).href">
         <i class="el-icon-question"></i>{{ $t('sidebar.help') }}
       </el-menu-item>
-      <a href="https://github.com/xfgryujk/blivechat" target="_blank">
-        <el-menu-item>
-          <i class="el-icon-share"></i>{{ $t('sidebar.projectAddress') }}
-        </el-menu-item>
-      </a>
-      <a href="https://link.bilibili.com/p/center/index#/live-data/gift-list" target="_blank">
-        <el-menu-item>
-          <i class="el-icon-link"></i>{{ $t('sidebar.giftRecordOfficial') }}
-        </el-menu-item>
-      </a>
-      <el-submenu index="null">
+      <el-submenu index="1">
+        <template slot="title">
+          <i class="el-icon-link"></i>{{ $t('sidebar.links') }}
+        </template>
+        <a href="https://github.com/xfgryujk/blivechat" target="_blank">
+          <el-menu-item>
+            <i class="el-icon-share"></i>{{ $t('sidebar.projectAddress') }}
+          </el-menu-item>
+        </a>
+        <a href="https://github.com/xfgryujk/blivechat/discussions" target="_blank">
+          <el-menu-item>
+            <i class="el-icon-s-comment"></i>{{ $t('sidebar.discussion') }}
+          </el-menu-item>
+        </a>
+        <a href="https://github.com/xfgryujk/blivechat/wiki" target="_blank">
+          <el-menu-item>
+            <i class="el-icon-document"></i>{{ $t('sidebar.documentation') }}
+          </el-menu-item>
+        </a>
+        <a href="https://play-live.bilibili.com/details/1694397161340" target="_blank">
+          <el-menu-item>
+            <i class="el-icon-s-goods"></i>{{ $t('sidebar.mall') }}
+          </el-menu-item>
+        </a>
+        <a href="https://link.bilibili.com/p/center/index#/live-data/gift-list" target="_blank">
+          <el-menu-item>
+            <i class="el-icon-s-finance"></i>{{ $t('sidebar.giftRecordOfficial') }}
+          </el-menu-item>
+        </a>
+      </el-submenu>
+      <el-submenu index="2">
         <template slot="title">
           <i class="el-icon-chat-line-square"></i>Language
         </template>

frontend/src/views/Help.vue

@@ -13,7 +13,6 @@
     <p class="img-container large-img"><el-image fit="scale-down" src="/static/img/tutorial/tutorial-5.png"></el-image></p>
     <p><br><br><br><br><br><br><br><br>--------------------------------------------------------------------------------------------------------</p>
     <p>喜欢的话可以推荐给别人 _(:з」∠)_</p>
-    <p>更多文档参考：<a href="https://github.com/xfgryujk/blivechat/wiki" target="_blank">blivechat wiki</a></p>
     <p>如果需要使用翻译功能，建议看<a href="https://www.bilibili.com/read/cv14663633" target="_blank">配置官方翻译接口傻瓜式教程</a>。注意必须下载到本地才能改后台配置，本地使用方法看<a href="https://github.com/xfgryujk/blivechat#%E4%BD%BF%E7%94%A8%E6%96%B9%E6%B3%95" target="_blank">项目地址中的使用方法说明</a></p>
   </div>
 </template>