feat: update docs

yuanze-dev · Jul 24, 2024 · 5176516 · 5176516
1 parent 60764b1
commit 5176516
Show file tree

Hide file tree

Showing 12 changed files with 754 additions and 643 deletions.
diff --git a/.vitepress/config.mjs b/.vitepress/config.mjs
@@ -16,7 +16,7 @@ export default defineConfig({
       (function() {
         var hm = document.createElement("script");
         hm.src = "https://hm.baidu.com/hm.js?592ba55993f3df6afcc69f8088276562";
-        var s = document.getElementsByTagName("script")[0]; 
+        var s = document.getElementsByTagName("script")[0];
         s.parentNode.insertBefore(hm, s);
       })();`,
     ],
@@ -39,9 +39,8 @@ export default defineConfig({
         text: "基础教程",
         collapsed: false,
         items: [
-          { text: "如何获取推流码", link: "/basic/streamlink" },
-          // { text: "芦笋直播助手攻略", link: "/basic/index" },
-          // { text: "会员特权", link: "/basic/vip" },
+          { text: "🚀 如何 3 步开始直播", link: "/basic/how-to-start" },
+          { text: "🔐 如何获取推流码", link: "/basic/streaming-code" },
         ],
       },
       // {

diff --git a/basic/how-to-start.md b/basic/how-to-start.md
@@ -0,0 +1,31 @@
+---
+description: 手把手教你搭建直播间
+---
+
+# 🚀 如何 3 步开始直播
+
+
+
+* 新手开始直播，如何搭建一个精致的直播间，吸引更多的人气？
+* 很多人告诉你用 OBS直播，但是OBS的繁琐操作很让人头疼？
+* 还在为找不到合适的直播素材和模版而烦恼？
+
+🎉 [芦笋直播助手](https://live.lusun.com/)来帮你！专门为你解决直播烦恼\~只需要3步就可以开启精彩直播
+
+
+下面教你三步开始直播：
+
+第一步：进入首页，选择模版。有横屏和竖屏的模版可供选择，根据你想要的直播场景和直播平台选择
+
+<img src="../public/.gitbook/assets/image (4).png" alt="">
+
+第二步：进入编辑器，调整画面成最佳效果。图片、文字、素材都是可以更改的哦，背景和素材支持上传，还可以上传gif动图哦
+
+<img src="../public/.gitbook/assets/image (5).png" alt="">
+
+<img src="../public/.gitbook/assets/image (6).png" alt="">
+
+第三步：点击「开始直播」，填写推流码，推流码获取方式 [https://docs.lusun.com/live/basic/streamlink.html](https://docs.lusun.com/live/basic/streamlink.html)
+
+<img src="../public/.gitbook/assets/image (7).png" alt="">
+
diff --git a/basic/streamlink.md → basic/streaming-code.md b/basic/streamlink.md → basic/streaming-code.md
@@ -2,7 +2,7 @@
 description: 各直播平台推流码是怎么获取的？本文介绍获取推流地址和推流秘钥的详细使用方案！😊本文介绍的直播平台包括视频号、Bilibili、小红书、快手
 ---
 
-# 如何获取推流码
+# 🔐 如何获取推流码
 
 ### 视频号
 
@@ -11,36 +11,40 @@ description: 各直播平台推流码是怎么获取的？本文介绍获取推
 3. 通过视频号认证后，登录视频号助手后台 [https://channels.weixin.qq.com/login](https://channels.weixin.qq.com/login) 。点击【直播管理】创建直播，创建直播后，即可进行直播配置，获取推流地址与密钥。
 4. 将推流地址与密钥填写到弹窗中，点击推流，可在视频号后台查看是否推流成功。推流成功即可显示画面，推流到微信视频号不会改变直播布局。
 
-<img class="gitbookimg" src="/public/.gitbook/assets/image.png" alt="">
+<img src="../public/.gitbook/assets/image.png" alt="">
 
 ### Bilibili
 
 1. 登录哔哩哔哩[https://www.bilibili.com/](https://www.bilibili.com/) 点击自己的头像，进入到个人直播中心。
 2. 左边导航点击【我的直播间-开播设置】，进入自己的直播房间。设置直播房间标题与分类，点击开始直播按钮后展示推流地址。
-3. 将推流地址与密钥填写到弹窗中，点击推流，可在 Bilibili 直播间查看是否推流成功。推流成功即可显示画面，推流不会改变直播布局。
+3. 将推流地址与密钥填写到弹窗中，点击推流，可在Bilibili直播间查看是否推流成功。推流成功即可显示画面，推流不会改变直播布局。
 
-<img class="gitbookimg" src="/public/.gitbook/assets/image (1).png" alt="">
+<img src="../public/.gitbook/assets/image (1).png" alt="">
 
 ### 小红书
 
-1. 下载小红书，打开预直播页面，切换到 「电脑」 tab，获取 6 位验证码
-2. 打开小红书官网中相关链接：[https://www.xiaohongshu.com/zhibo/robs](https://www.xiaohongshu.com/zhibo/robs)
-3. 登录小红书账号，点击**「去 OBS 开播」**，然后输入上一步复制的 6 位数字，可以获取串流秘钥，复制这段密钥。
+* 下载小红书 App，实名认证后，打开预直播页面，切换到 「电脑」 tab，获取6位验证码
+<ImgCenter><img src="../public/.gitbook/assets/image (10).png" alt=""></ImgCenter>
 
-<img class="gitbookimg" src="/public/.gitbook/assets/image (2).png" alt="">
+* 打开小红书官网中相关链接：[https://www.xiaohongshu.com/zhibo/robs](https://www.xiaohongshu.com/zhibo/robs)
+* 登录小红书账号，点击**「去 OBS 开播」**，然后输入上一步复制的 6 位数字，可以获取串流秘钥，复制这段密钥。
+
+<img src="../public/.gitbook/assets/image (8).png" alt="">
+
+<img src="../public/.gitbook/assets/image (9).png" alt="">
 
 注意事项：
 
-- 首次使用小红书直播时，建议先试播一次；
-- 一定要先在芦笋直播助手点「开始直播」，再在小红书里点「开始直播」；
-- 手机端生成的 6 位数字验证码具有时效性，生成后请在 12 小时内利用数字验证码在「小红书电脑直播教程」 页面获取串流秘钥；
+* 首次使用小红书直播时，建议先试播一次；
+* 一定要先在芦笋直播助手点「开始直播」，再在小红书里点「开始直播」；
+* 手机端生成的 6 位数字验证码具有时效性，生成后请在 12 小时内利用数字验证码在「小红书电脑直播教程」 页面获取串流秘钥；
 
 ### 快手
 
 1. 登录快手直播开放平台 [https://studio.kuaishou.com/user/login?redirect=%2F](https://studio.kuaishou.com/user/login?redirect=%2F)
 2. 创建直播-进入直播详情页，即可获取推流地址。
 3. 将推流地址与密钥填写到弹窗中，点击推流，推流成功即可显示画面，推流不会改变直播布局。
 
-<img class="gitbookimg" src="/public/.gitbook/assets/image (3).png" alt="">
+<img src="../public/.gitbook/assets/image (3).png" alt="">
 
 目前抖音、淘宝直播、西瓜视频不对外提供推流地址，可尝试向平台申请。
diff --git a/index.md b/index.md
@@ -2,26 +2,12 @@
 description: 你可以通过这篇文章了解到「芦笋直播助手是什么」以及它的使用场景和功能演示
 ---
 
-<!-- 本页样式 -->
-<style scoped>
-/* 表格内容居左对齐 */
-.vp-doc table td{
-  text-align: left;
-}
-</style>
-
 # 👏 恭喜你发现新宝藏
 
-快捷导航：[💻 电脑端攻略](basic/streamlink.md) | [🌟 如何获取推流码](basic/streamlink.md) ｜ [✉️ 联系我们](contact.md)
+快捷导航：[💻 电脑端攻略](basic/streaming-code.md) | [🌟 如何获取推流码](basic/streaming-code.md) ｜ [✉️ 联系我们](contact.md)
 
 ## 芦笋直播助手是什么？{#what}
 
 芦笋直播助手是新一代的直播工具。30秒搭建专业直播间，极简易用，非常适合直播新手，直播再也不麻烦，人人可以做直播
 
-<Link title="芦笋直播助手官网——新一代极简直播工具" logo="https://lusun.com/logo.png" url="https://live.lusun.com"></Link>
-
-<!-- ### 使用场景 {#scene}
-
-| 教培从业者                                                                                                  | 售前/售后                                                                                                                         | 项目成员                                                                                                                            |
-| ----------------------------------------------------------------------------------------------------------- | --------------------------------------------------------------------------------------------------------------------------------- | ----------------------------------------------------------------------------------------------------------------------------------- |
-| <li>录制人像和屏幕，画笔标注课程重点</li><li>一键分享视频链接，随时观看和回放</li><li>打造专题系列学习</li> | <li>录屏讲解演示文稿、产品或网站</li><li>通过高级报表掌握观看人数和时长</li><li>提升潜在客户转化，解决客户对产品的操作等答疑</li> | <li>同步项目进展，数据报告，产品 bug</li><li>减少不必要的会议，实现高效沟通</li><li>将产品讲解，项目复盘培训等沉淀到视频知识库</li> | -->
+<Link title="芦笋直播助手官网——新一代极简直播工具" logo="https://lusun.com/logo.png" url="https://live.lusun.com"></Link>