@sugarat/create-theme 0.0.90 → 0.0.91-beta.0

package/dist/template/docs/.vitepress/theme/index.ts

@@ -1,7 +1,7 @@
 import BlogTheme from '@sugarat/theme'
 
 // 自定义样式重载
-// import './style.scss'
+// import './style.css'
 
 // 自定义主题色
 // import './user-theme.css'

package/dist/template/docs/.vitepress/theme/style.css

@@ -0,0 +1,10 @@
+/* 定义遮罩样式 */
+.VPHome {
+  background: radial-gradient(ellipse, rgba(var(--bg-gradient-home), 1) 0%, rgba(var(--bg-gradient-home), 0) 150%);
+}
+
+/* 自定义首页背景图 */
+.VPHome::before {
+  background-image: url(./assets/bg.webp);
+  background-size: cover;
+}

package/dist/template/docs/sop/component.md

@@ -153,68 +153,68 @@ const blogTheme = getThemeConfig({
 
 效果如下
 
-:::=tabs
-::tab1
-一些内容
-
-一些内容
-
-一些内容
+:::tabs
+== tab a
+a content
+== tab b
+b content
+:::
 
-::tab2
-一些内容 。。。
+:::tabs
+== tab a
+a content 2
+== tab b
+b content 2
 :::
 
 简单的使用方式如下（效果如上面的示例）
 
 ```md
-:::=tabs
-::tab1
-一些内容
-
-一些内容
-
-一些内容
+:::tabs
+== tab a
+a content
+== tab b
+b content
+:::
 
-::tab2
-一些内容 。。。
+:::tabs
+== tab a
+a content 2
+== tab b
+b content 2
 :::
 ```
 
 共享状态的使用方式如下
 
 ```md
-:::=tabs=ab
-::a
+:::tabs key:ab
+== tab a
 a content
-
-::b
+== tab b
 b content
 :::
 
-:::=tabs=ab
-::a
+:::tabs key:ab
+== tab a
 a content 2
-
-::b
+== tab b
 b content 2
 :::
 ```
 
 
-:::=tabs=ab
-::a
+:::tabs key:ab
+== tab a
 a content
-
-::b
+== tab b
 b content
 :::
 
-:::=tabs=ab
-::a
+:::tabs key:ab
+== tab a
 a content 2
-
-::b
+== tab b
 b content 2
 :::
 

package/dist/template/docs/sop/style.md

@@ -21,43 +21,38 @@ recommend: 3
 import BlogTheme from '@sugarat/theme'
 
 // 自定义样式重载 // [!code focus]
-import './style.scss' // [!code focus]
+import './style.css' // [!code focus]
 
 export default BlogTheme
 ```
 
 里面有如下内容
-```scss
+```css
+/* 定义遮罩样式 */
 .VPHome {
-  // 自定义首页背景图
-  &::before {
-    // 图片来源：https://zhuanlan.zhihu.com/p/54060187
-    background-image: url(./assets/bg.webp);
-    background-size: cover;
-  }
-  // 定义遮罩样式
-  background: radial-gradient(
-    ellipse,
-    rgba(var(--bg-gradient-home), 1) 0%,
-    rgba(var(--bg-gradient-home), 0) 150%
-  );
+  background: radial-gradient(ellipse, rgba(var(--bg-gradient-home), 1) 0%, rgba(var(--bg-gradient-home), 0) 150%);
+}
+
+/* 自定义首页背景图 */
+.VPHome::before {
+  background-image: url(./assets/bg.webp);
+  background-size: cover;
 }
 ```
-解除文件`index.ts` 中`import './style.scss'` 注释后，就能看到模板首页背景图发生了变化
+解除文件`index.ts` 中`import './style.css'` 注释后，就能看到模板首页背景图发生了变化
 
 ![](https://img.cdn.sugarat.top/mdImg/MTY3Njk5MTAzODkzOQ==676991038939)
 
 ## 首页背景
-```scss
-.VPHome {// [!code focus]
-  &::before {// [!code focus]
-    background-image: url(./assets/bg.webp); // [!code focus]
-    background-size: cover; // [!code focus]
-  } // [!code focus]
-} // [!code focus]
+```css
+/* 自定义首页背景图 */
+.VPHome::before {
+  background-image: url(./assets/bg.webp);
+  background-size: cover;
+}
 
 .VPHome {
-  // 定义遮罩样式，控制图片展示的程度
+  /* 定义遮罩样式，控制图片展示的程度 */
   background: radial-gradient(
     ellipse,
     rgba(var(--bg-gradient-home), 1) 0%,
@@ -68,16 +63,16 @@ export default BlogTheme
 
 ## 置顶样式
 可以自行修改置顶icon的样式
-```scss
+```css
+/* 修改置顶icon的颜色 */
 .blog-item .pin.pin::before {
-  // 修改颜色
   background-image: linear-gradient(red, red);
 }
 ```
 ![](https://img.cdn.sugarat.top/mdImg/MTY3NzA3OTExMjgxMA==677079112810)
 
-```scss
-// 隐藏置顶的icon
+```css
+/* 隐藏置顶的icon */
 .blog-item .pin.pin::before {
   display: none;
 }

package/dist/template/package.json

@@ -10,17 +10,13 @@
     "serve": "vitepress serve docs"
   },
   "dependencies": {
-    "@element-plus/icons-vue": "^2.3.1",
-    "@sugarat/theme": "^0.5.11",
-    "element-plus": "^2.7.2",
-    "vue": "3.5.12"
+    "@sugarat/theme": "^0.5.12-beta.1"
   },
   "directories": {
     "doc": "docs"
   },
   "devDependencies": {
     "pagefind": "^1.3.0",
-    "sass": "^1.76.0",
     "typescript": "^5.4.5",
     "vitepress": "2.0.0-alpha.15"
   },

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sugarat/create-theme",
-  "version": "0.0.90",
+  "version": "0.0.91-beta.0",
   "description": "简约风的 Vitepress 博客主题，sugarat vitepress blog theme",
   "author": "粥里有勺糖",
   "license": "MIT",

package/dist/template/docs/.vitepress/theme/style.scss

@@ -1,13 +0,0 @@
-.VPHome {
-  // 定义遮罩样式
-  background: radial-gradient(ellipse,
-      rgba(var(--bg-gradient-home), 1) 0%,
-      rgba(var(--bg-gradient-home), 0) 150%);
-
-  // 自定义首页背景图
-  &::before {
-    // 图片来源：https://zhuanlan.zhihu.com/p/54060187
-    background-image: url(./assets/bg.webp);
-    background-size: cover;
-  }
-}