完善欢迎页，添加示例图 (#462)

shalldie · Oct 14, 2024 · 27ea3a7 · 27ea3a7
1 parent 7f19a57
commit 27ea3a7
Show file tree

Hide file tree

Showing 6 changed files with 45 additions and 3 deletions.
diff --git a/docs/WELCOME.md b/docs/WELCOME.md
@@ -1 +1,24 @@
 # vscode-background
+
+欢迎使用 `background@${VERSION}`，新版本带来了更多的功能，使你拥有更好的编码体验！
+
+## 更多的可配置区域
+
+每块区域都可以自定义 `图片`、`轮播`、`随机展示`、`样式` 等。
+
+<img src="../images/containers.png" width="800" />
+
+## 更清晰简洁的配置
+
+> v1 的配置已经过时，需要进行迁移。当前保持一定的兼容性。
+
+每块区域对应独立配置，查看 [README.md](https://github.com/shalldie/vscode-background) 了解更多。
+
+```json
+{
+  "background.sidebar": {...},   // 侧边栏
+  "background.editor": {...},    // 编辑器
+  "background.panel": {...},     // 面板
+  "background.fullscreen": {...} // 全屏
+}
+```
diff --git a/docs/WELCOME.zh-CN.md b/docs/WELCOME.zh-CN.md
@@ -1,5 +1,24 @@
 # vscode-background
 
-![](../images/logo.png)
+欢迎使用 `background@${VERSION}`，新版本带来了更多的功能，使你拥有更好的编码体验！
 
-欢迎使用 `background@${VERSION}` !
+## 更多的可配置区域
+
+每块区域都可以自定义 `图片`、`轮播`、`随机展示`、`样式` 等。
+
+<img src="../images/containers.png" width="800" />
+
+## 更清晰简洁的配置
+
+> v1 的配置已经过时，需要进行迁移。当前保持一定的兼容性。
+
+每块区域对应独立配置，查看 [README.md](https://github.com/shalldie/vscode-background) 了解更多。
+
+```json
+{
+  "background.sidebar": {...},   // 侧边栏
+  "background.editor": {...},    // 编辑器
+  "background.panel": {...},     // 面板
+  "background.fullscreen": {...} // 全屏
+}
+```
diff --git a/images/containers.png b/images/containers.png
diff --git a/images/fullscreen.png b/images/fullscreen.png
diff --git a/images/section.png b/images/section.png
diff --git a/src/background/Background.ts b/src/background/Background.ts
@@ -88,7 +88,7 @@ export class Background implements Disposable {
         // welcome 内容
         let content = await fs.promises.readFile(path.join(docDir, docName), ENCODING);
         // 替换图片内联为base64
-        content = content.replace(/\.\.\/images[^\)]+/g, (relativePath: string) => {
+        content = content.replace(/\.\.\/images[^\")]+/g, (relativePath: string) => {
             const imgPath = path.join(vscodePath.extensionRoot, 'images', relativePath);
 
             return (