Skip to content

Commit 33ec32b

Browse files
sun0225SUNsun0225SUN
committed
feat: add english anchor
1 parent 4a4d888 commit 33ec32b

23 files changed

+219
-236
lines changed

‎.vitepress/components/UserGroup.vue

+5
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,5 @@
1+
<template>
2+
<p>欢迎加入芦笋提词器用户交流群，你可以在群内随时反馈使用问题以及功能建议，期待你的声音～</p>
3+
<ImgCenter><img src="../../public/.gitbook/assets/quncode.png" alt="" width="200"></ImgCenter>
4+
<ImgDesc>芦笋提词器用户交流群</ImgDesc>
5+
</template>

‎.vitepress/config.mjs

+1-1
Original file line numberDiff line numberDiff line change
@@ -137,7 +137,7 @@ export default defineConfig({
137137
},
138138

139139
outline: {
140-
level: [2, 3],
140+
level: [2, 4],
141141
label: "页面导航",
142142
},
143143

‎.vitepress/theme/custom.css

+23-19
Original file line numberDiff line numberDiff line change
@@ -4,33 +4,19 @@
44
--vp-c-brand-2: #2F8F00;
55
}
66

7-
/* 侧边栏目录 */
8-
section > div.items {
9-
text-indent: 1em;
10-
}
11-
12-
section > div.item > h2 {
13-
font-size: 1rem;
14-
}
15-
16-
.vp-doc h2{
17-
margin-top: 1em;
18-
}
19-
20-
.vp-doc h3{
21-
margin: 1em 0;
22-
}
7+
/* 文章样式调整 */
238

24-
.vp-doc h4{
9+
/* 标题上下边距 */
10+
.vp-doc h2, .vp-doc h3, .vp-doc h4 {
2511
margin: 1em 0;
2612
}
2713

28-
/* 表格 */
14+
/* 表格顶部对齐 */
2915
.vp-doc table > tbody > tr > td{
3016
vertical-align: top
3117
}
3218

33-
/* 图片点击放大优先级调整 */
19+
/* 图片点击放大 */
3420
.medium-zoom-overlay {
3521
z-index: 30;
3622
}
@@ -44,6 +30,24 @@ section > div.item > h2 {
4430
border-radius: 8px;
4531
}
4632

33+
34+
/* 左侧目录样式调整 */
35+
36+
/* 缩进 */
37+
#VPSidebarNav section div.items {
38+
text-indent: 1em;
39+
}
40+
41+
/* 目录样式 */
42+
#VPSidebarNav section.VPSidebarItem div.items{
43+
border-left: none;
44+
}
45+
46+
/* 目录激活样式 */
47+
#VPSidebarNav div.VPSidebarItem.is-active div{
48+
background-color: transparent;
49+
}
50+
4751
/* 联系我们 */
4852
#VPSidebarNav > div:nth-child(5) > section > div > div > div > a > p {
4953
color: var(--vp-c-text-1);

‎.vitepress/theme/index.js

+18-1
Original file line numberDiff line numberDiff line change
@@ -2,6 +2,7 @@
22
import ImgCenter from "../components/ImgCenter.vue";
33
import ImgDesc from "../components/ImgDesc.vue";
44
import Link from "../components/Link.vue";
5+
import UserGroup from "../components/UserGroup.vue";
56
import DefaultTheme from "vitepress/theme";
67
import { onMounted, watch, nextTick } from "vue";
78
import { useRoute } from "vitepress";
@@ -13,18 +14,34 @@ export default {
1314
...DefaultTheme,
1415
extends: DefaultTheme,
1516
enhanceApp({ app }) {
17+
app.component("UserGroup", UserGroup);
1618
app.component("ImgCenter", ImgCenter);
1719
app.component("ImgDesc", ImgDesc);
1820
app.component("Link", Link);
1921
},
2022
setup() {
2123
const route = useRoute();
24+
// 图片放大
2225
const initZoom = () => {
23-
// 不显式添加{data-zoomable}的情况下为所有图像启用此功能
2426
mediumZoom(".main img", { background: "var(--vp-c-bg)" });
2527
};
28+
// 锚点定位
29+
const fixAnchor = () => {
30+
window.onload = function () {
31+
var url = window.location.href;
32+
var anchor = url.split("#")[1];
33+
if (anchor) {
34+
var targetElement = document.getElementById(anchor);
35+
if (targetElement) {
36+
var offsetTop = targetElement.offsetTop;
37+
window.scrollTo(0, offsetTop);
38+
}
39+
}
40+
};
41+
};
2642
onMounted(() => {
2743
initZoom();
44+
fixAnchor();
2845
});
2946
watch(
3047
() => route.path,

‎advanced/avatar.md

+4-4
Original file line numberDiff line numberDiff line change
@@ -6,20 +6,20 @@ description: 如果录制人像时，你想要使用虚拟头像，可以在当
66

77
如果你想实现虚拟人像录制，可以试试芦笋虚拟头像 (snap camera)，下面分别提供了下载链接、效果演示以及图文教程
88

9-
## 如何下载
9+
## 如何下载 {#download}
1010

1111
你可以点击以下链接，下载对应应用
1212

1313
* 芦笋虚拟头像 (snap camera)：请点击👉 [下载](https://lusun-snap-camera.oss-cn-beijing.aliyuncs.com/releases/v1.0.1/LuSun-SnapCamera-Helper-v1.0.1.exe)。注意：仅支持 Windows
1414
* 芦笋录屏：请官网点击 👉 [下载](https://lusun.com/download)
1515

16-
## 效果演示
16+
## 效果演示 {#demo}
1717

1818
芦笋虚拟头像 (snap camera) 教程
1919

2020
<iframe src="https://lusun.com/embed/?id=kfaeUTjfj4s" width="100%" height="500px" scrolling="no" border="0" frameborder="no" framespacing="0" allowfullscreen="true"></iframe>
2121

22-
## 图文教程
22+
## 图文教程 {#post}
2323

2424
第一步：下载芦笋虚拟头像 (snap camera)，点击👉[这里下载](https://lusun-snap-camera.oss-cn-beijing.aliyuncs.com/releases/v1.0.1/LuSun-SnapCamera-Helper-v1.0.1.exe)
2525

@@ -37,7 +37,7 @@ description: 如果录制人像时，你想要使用虚拟头像，可以在当
3737
<ImgCenter><img src="../public/.gitbook/assets/xuni.png" alt=""></ImgCenter>
3838
<ImgDesc>芦笋录屏 + 芦笋虚拟摄像头</ImgDesc>
3939

40-
## 👀 常见问题
40+
## 👀 常见问题 {#faq}
4141

4242
Q1：安装失败的原因是什么？
4343

‎advanced/cover.md

+4-3
Original file line numberDiff line numberDiff line change
@@ -1,15 +1,16 @@
11
# 添加视频封面
22

3-
### 👍 添加方式
3+
### 👍 添加方式 {#add}
44

55
1. 你可以打开电脑上的「[芦笋云空间](https://lusun.com/dashboard/videos)」，找到需要添加封面的视频
66
2. 点击视频右侧的「封面」功能
77
3. 上传本地 .jpg 或者.jpeg 格式的图片作为视频封面
88

9-
<img src="../public/.gitbook/assets/cover.png" alt="">
9+
10+
<ImgCenter><img src="../public/.gitbook/assets/cover.png" alt=""></ImgCenter>
1011
<ImgDesc>芦笋录屏添加视频封面示意图</ImgDesc>
1112

12-
### 👀常见问题
13+
### 👀 常见问题 {#faq}
1314

1415
Q1：移动端能给视频添加封面吗？\
1516
A1：暂不支持，敬请期待

‎advanced/earnings.md

+5-7
Original file line numberDiff line numberDiff line change
@@ -4,15 +4,15 @@ description: 目前芦笋录屏可以设置单视频付费观看，也可以设
44

55
# 如何赚取收益
66

7-
## 视频教程
7+
## 视频教程 {#video}
88

99
你可以通过以下这段视频快速了解芦笋录屏的设置付费功能演示
1010

1111
<iframe src="https://lusun.com/embed/?id=ojPUUe7S5eV" width="100%" height="500px" scrolling="no" border="0" frameborder="no" framespacing="0" allowfullscreen="true"></iframe>
1212

13-
## 图文教程
13+
## 图文教程 {#post}
1414

15-
### 👉付费视频
15+
### 👉付费视频 {#pay}
1616

1717
1. 你需要打开芦笋官网 [lusun.com](http://lusun.com/?ref=help.lusun.com)，点右上角登录账号，进入空间
1818
2. 点击任意视频的分享键，设置为付费视频
@@ -21,7 +21,7 @@ description: 目前芦笋录屏可以设置单视频付费观看，也可以设
2121
<ImgCenter><img src="../public/.gitbook/assets/芦笋录屏设置付费.png" alt=""></ImgCenter>
2222
<ImgDesc>芦笋视频设置付费的方法</ImgDesc>
2323

24-
### 作者查看收益 & 提现
24+
### 作者查看收益 & 提现 {#cash-out}
2525

2626
1. 打开芦笋空间 [https://lusun.com/dashboard/videos](https://lusun.com/dashboard/videos)，点击右上角头像
2727
2. 进入交易中心查看
@@ -33,7 +33,7 @@ description: 目前芦笋录屏可以设置单视频付费观看，也可以设
3333
<ImgCenter><img src="../public/.gitbook/assets/芦笋群组设置付费 (1).png" alt=""></ImgCenter>
3434
<ImgDesc>芦笋付费群组</ImgDesc>
3535

36-
## 👀常见问题
36+
## 👀 常见问题 {#faq}
3737

3838
Q1: 其他人分享我的付费视频给别人，这些人能免费查看我的视频吗？\
3939
A1：通过链接查看视频均需付费
@@ -42,8 +42,6 @@ A1：通过链接查看视频均需付费
4242
Q2：设置收费的视频，可以中途取消收费，重新免费开放吗？\
4343
A2：可以，与设置收费的方法相同，恢复免费即可
4444

45-
46-
4745
***
4846

4947
推荐更多教程供你参考：[电脑端攻略](../basic/pc.md)｜[手机端攻略](../basic/phone.md)｜[会员特权](../basic/vip.md)｜[进阶教程](./)｜[联系我们](../contact.md)

‎advanced/jingpinke.md

+15-16
Original file line numberDiff line numberDiff line change
@@ -4,21 +4,21 @@ description: 这篇文章主要介绍了如何使用「芦笋录屏」制作基
44

55
# 用芦笋制作“基础教育精品课”
66

7-
## 用芦笋做精品课攻略
7+
## 用芦笋做精品课攻略 {#guide}
88

99
芦笋录屏作为不少老师录制精品课的必备工具，现在就出一个教程，帮助老师们只需使用芦笋录屏和芦笋提词器，在家也能轻松地制作出高质量的精品课视频。在录制过程中，提词器智能跟读，会根据演讲者语速实时提词，同时还能帮助老师一键绿幕抠像，提高视频质量。无需多次录制，每位老师都能轻松地录制出一次完美的精品课视频。
1010

11-
### 录制效果演示
11+
### 录制效果演示 {#demo}
1212

1313
<iframe src="https://lusun.com/embed/?id=X4p16S6Qwx4" width="100%" height="500px" scrolling="no" border="0" frameborder="no" framespacing="0" allowfullscreen="true"></iframe>
1414

15-
### **录制操作步骤**
15+
### 录制操作步骤 {#part}
1616

17-
#### **第一步：准备相关设备**
17+
#### 第一步：准备相关设备 {#first}
1818

1919
你需要选择一台复合电脑配置要求的硬件设备，如下图所示。需要注意的是，一定要确认好电脑的屏幕比例尺寸，以往精品课要求录制的视频比例是 16:9。目前市面上一些品牌的笔记本电脑屏幕比例不是的 16:9，所以在录制前找电脑售后客服确认一下电脑屏幕比例，避免录制课程视频不符合标准要求。
2020

21-
<img src="../public/.gitbook/assets/diannaopeizhi.png" alt="">
21+
<ImgCenter><img src="../public/.gitbook/assets/diannaopeizhi.png" alt=""></ImgCenter>
2222
<ImgDesc>电脑推荐配置</ImgDesc>
2323

2424
其他设备要求：
@@ -27,52 +27,51 @@ description: 这篇文章主要介绍了如何使用「芦笋录屏」制作基
2727
* 绿幕：尽量购买尺寸较大的绿幕，如 3×3 米或 3×2 米绿幕，并保证绿幕铺挂平整，避免出现阴影影响抠像
2828
* 补光灯：如果在家录制拍摄，光线不均匀，推荐购买 1-2 个补光灯，使人物光源更均匀，抠像效果更精准
2929

30-
<img src="../public/.gitbook/assets/shebeizhunbei2.png" alt="">
30+
<ImgCenter><img src="../public/.gitbook/assets/shebeizhunbei2.png" alt=""></ImgCenter>
3131
<ImgDesc>其他设备建议</ImgDesc>
3232

33-
#### **第二步：下载需要的软件**
33+
#### 第二步：下载需要的软件 {#second}
3434

3535
推荐你下载使用 **芦笋录屏** 与 **芦笋提词器** 最新版
3636

3737
* 芦笋录屏 → [lusun.com](https://lusun.com)
3838
* 芦笋提词器 → [tcq.lusun.com](https://tcq.lusun.com)
3939

40-
<img src="../public/.gitbook/assets/ruanjianxiazai.png" alt="">
40+
<ImgCenter><img src="../public/.gitbook/assets/ruanjianxiazai.png" alt=""></ImgCenter>
4141
<ImgDesc>软件下载</ImgDesc>
4242

43-
44-
**第三步：芦笋录屏设置**
43+
#### 第三步：芦笋录屏设置 {#third}
4544

4645
你需要用到芦笋录屏的「绿幕抠像」功能：在设置中找到摄像头中的“绿幕”开关，开启后调整抠像参数，调整到背景为纯黑色，只展示人像部分即可。
4746

48-
<img src="../public/.gitbook/assets/lvmukouxiang.png" alt="">
47+
<ImgCenter><img src="../public/.gitbook/assets/lvmukouxiang.png" alt=""></ImgCenter>
4948
<ImgDesc>开启绿幕</ImgDesc>
5049

5150
调试完成完成后，选择「人像 + 屏幕」录制模式，在摄像头下方选择「绿幕抠图人像」，就能实现绿幕抠像录制。
5251

53-
<img src="../public/.gitbook/assets/lvmu2.png" alt="">
52+
<ImgCenter><img src="../public/.gitbook/assets/lvmu2.png" alt=""></ImgCenter>
5453
<ImgDesc>人像 + 屏幕录制</ImgDesc>
5554

56-
#### 第四步：芦笋提词器设置
55+
#### 第四步：芦笋提词器设置 {fourth}
5756

5857
你可以在下载芦笋提词器后_（_[_如何下载请点击查看_](https://apppublic/.gitbook.com/s/IaAf9gPFRCLVAnC2s9Pb/basic/download)_），_直接创建一条台词，然后开启提词
5958

6059
1. **创建词条**[​](https://docs.lusun.com/tcq/basic/create.html#\_1-%E5%88%9B%E5%BB%BA%E8%AF%8D%E6%9D%A1)
6160

6261
打开芦笋提词器，点击左上角顶部“+”，输入词条标题，以及提词内容，成功创建一个词条；当然如果你有已经准备好的词条内容，比如 Word 文档，你可以直接使用复制，粘贴进来
6362

64-
<img src="../public/.gitbook/assets/创建台词.gif" alt="">
63+
<ImgCenter><img src="../public/.gitbook/assets/创建台词.gif" alt=""></ImgCenter>
6564
<ImgDesc>创建台词</ImgDesc>
6665

6766
1. 开启提词。目前芦笋提词器有两种提词模式，匀速模式和智能跟读模式，详细内容可参考 [芦笋提词器开启提词教程](https://apppublic/.gitbook.com/s/IaAf9gPFRCLVAnC2s9Pb/basic/prompt)。
6867
2. 隐形提词。当你在芦笋提词器的客户端，开启设置「隐形提词」后，录制视频时演讲者可以看到提词内容，但视频成片不会显示提词器，效果图请参考：
6968

70-
<img src="../public/.gitbook/assets/yinxingtici.gif" alt="">
69+
<ImgCenter><img src="../public/.gitbook/assets/yinxingtici.gif" alt=""></ImgCenter>
7170
<ImgDesc>隐形提词后的录制效果</ImgDesc>
7271

7372
芦笋提词器如何开启隐形提词呢？
7473

75-
<img src="../public/.gitbook/assets/提词器外面的设置功能.gif" alt="">
74+
<ImgCenter><img src="../public/.gitbook/assets/提词器外面的设置功能.gif" alt=""></ImgCenter>
7675
<ImgDesc>芦笋提词设置隐形</ImgDesc>
7776

7877
***

‎advanced/koutu.md

+9-9
Original file line numberDiff line numberDiff line change
@@ -4,44 +4,44 @@ description: 如果你录制的人像希望是抠图效果的，可以参考以
44

55
# 两种人像抠图方式
66

7-
## 视频教程
7+
## 视频教程 {#video}
88

99
<iframe src="https://lusun.com/embed/?id=Ikd1Rw6476i" width="100%" height="500px" scrolling="no" border="0" frameborder="no" framespacing="0" allowfullscreen="true"></iframe>
1010

11-
## 图文教程
11+
## 图文教程 {#post}
1212

13-
### 👉白墙抠像法
13+
### 👉白墙抠像法 {#white}
1414

1515
1. 打开芦笋客户端，选择「人像 + 屏幕」方式
1616
2. 鼠标放到人像上，点击「抠图人像」即可
1717
3. 打开要讲解的 PPT 等页面，人像自动出现在页面上，即可「开始录制」
1818

19-
<img src="../public/.gitbook/assets/bqkouxiang.png" alt="">
19+
<ImgCenter><img src="../public/.gitbook/assets/bqkouxiang.png" alt=""></ImgCenter>
2020
<ImgDesc>芦笋录屏一键抠人像</ImgDesc>
2121

22-
### 👉绿幕抠像法
22+
### 👉绿幕抠像法 {#green}
2323

2424
1. 打开客户端，点击头像 - 设置 - 摄像头设置
2525
2. 打开绿幕功能即可一键扣除背景
2626
3. 调整颜色、相似度等参数，实现较好的抠图效果后即可「开始录制」
2727

28-
<img src="../public/.gitbook/assets/LMkouxiang.png" alt="">
28+
<ImgCenter><img src="../public/.gitbook/assets/LMkouxiang.png" alt=""></ImgCenter>
2929
<ImgDesc>芦笋绿幕抠像</ImgDesc>
3030

31-
## 👀常见问题
31+
## 👀 常见问题 {#faq}
3232

3333
Q1：使用真实背景时可以出现人像，选择抠像时人像是灰色的，一直转圈\
3434
A1：常见于 win10 以下的系统设备，需要下载驱动大师更新摄像头驱动后，再使用抠像功能
3535

36-
<img src="../public/.gitbook/assets/zhuanquan.png" alt="">
36+
<ImgCenter><img src="../public/.gitbook/assets/zhuanquan.png" alt=""></ImgCenter>
3737

3838
Q2：点击白墙抠像法的「抠图人像」没有反应\
3939
A2：「绿幕抠像」模式打开时，没有办法使用「白墙抠像」，先打开头像 - 设置 - 摄像头设置 - 关闭绿幕抠像，然后再尝试抠图人像功能
4040

4141
Q3: 使用「绿幕抠像」法，打开绿布功能后，人像和背景都非常模糊\
4242
A3：「绿幕抠像」法需要在绿幕前录制，准备好绿布再打开该功能，没有绿布的情况下人像和背景都是模糊的
4343

44-
<img src="../public/.gitbook/assets/hu.png" alt="">
44+
<ImgCenter><img src="../public/.gitbook/assets/hu.png" alt=""></ImgCenter>
4545
<ImgDesc>人和背景模糊的状态</ImgDesc>
4646

4747
芦笋录屏官网：请访问 [lusun.com](https://lusun.com)

0 commit comments

Comments
 (0)