修改一些文本

README.md

@@ -22,10 +22,16 @@
    ```bat
    blivechat.exe --host 127.0.0.1 --port 12450
    ```
-3. 用浏览器打开[http://localhost:12450](http://localhost:12450)，输入房间ID，保存配置，复制房间URL
+3. 用浏览器打开[http://localhost:12450](http://localhost:12450)，输入房间ID，复制房间URL
 4. 用样式生成器生成样式，复制CSS
 5. 在OBS中添加浏览器源，输入URL和自定义CSS
 
+**注意事项：**
+
+* 应该先启动blivechat后启动OBS，否则网页会加载失败，这时应该刷新OBS的浏览器源，显示Loaded则加载成功
+* 本地使用时不要关闭blivechat.exe那个黑框，否则不能继续获取弹幕
+* 样式生成器没有列出所有本地字体，但是可以手动输入本地字体
+
 ### 公共服务器
 请优先在本地使用，使用公共服务器会有更大的弹幕延迟，而且服务器故障时可能出现直播事故
 

frontend/src/lang/en.js

@@ -4,6 +4,7 @@ export default {
     stylegen: 'Style generator',
     help: 'Help',
     projectAddress: 'Project address',
+    giftRecordOfficial: 'Official Super Chat record',
     giftRecord: 'Super Chat record'
   },
   home: {

frontend/src/lang/ja.js

@@ -4,6 +4,7 @@ export default {
     stylegen: 'スタイルジェネレータ',
     help: 'ヘルプ',
     projectAddress: 'プロジェクトアドレス',
+    giftRecordOfficial: '公式スーパーチャット記録',
     giftRecord: 'スーパーチャット記録'
   },
   home: {

frontend/src/lang/zh.js

@@ -4,6 +4,7 @@ export default {
     stylegen: '样式生成器',
     help: '帮助',
     projectAddress: '项目地址',
+    giftRecordOfficial: '官方打赏记录',
     giftRecord: '打赏记录'
   },
   home: {

frontend/src/layout/Sidebar.vue

@@ -21,6 +21,11 @@
           <i class="el-icon-share"></i>{{$t('sidebar.projectAddress')}}
         </el-menu-item>
       </a>
+      <a href="http://link.bilibili.com/ctool/vtuber" target="_blank">
+        <el-menu-item>
+          <i class="el-icon-share"></i>{{$t('sidebar.giftRecordOfficial')}}
+        </el-menu-item>
+      </a>
       <a href="https://bilisc.com/" target="_blank">
         <el-menu-item>
           <i class="el-icon-share"></i>{{$t('sidebar.giftRecord')}}

frontend/src/layout/index.vue

@@ -1,7 +1,7 @@
 <template>
   <el-container class="app-wrapper" :class="{mobile: isMobile}">
     <div v-show="isMobile && !hideSidebar" class="drawer-bg" @click="hideSidebar = true"></div>
-    <el-aside width="210px" class="sidebar-container" :class="{'hide-sidebar': hideSidebar}">
+    <el-aside width="230px" class="sidebar-container" :class="{'hide-sidebar': hideSidebar}">
       <div class="logo-container">
         <router-link to="/">
           <img src="@/assets/img/logo.png" class="sidebar-logo">
@@ -92,7 +92,7 @@ a, a:focus, a:hover {
 .app-wrapper.mobile .sidebar-container.hide-sidebar {
   pointer-events: none;
   transition-duration: 0.3s;
-  transform: translate3d(-210px, 0, 0);
+  transform: translate3d(-230px, 0, 0);
 }
 
 .sidebar-container .logo-container {

frontend/src/views/Help.vue

@@ -11,6 +11,8 @@
     <p><el-image src="/static/img/tutorial/tutorial-4.png"></el-image></p>
     <p>{{$t('help.p5')}}</p>
     <p><el-image src="/static/img/tutorial/tutorial-5.png"></el-image></p>
+    <p><br><br><br><br><br><br><br><br>--------------------------------------------------------------------------------------------------------</p>
+    <p>喜欢的话可以推荐给别人，专栏求支持_(:з」∠)_  <a href="https://www.bilibili.com/read/cv4594365" target="_blank">https://www.bilibili.com/read/cv4594365</a></p>
   </div>
 </template>