From 4929c2d404b1229bc00b6fb55cfa4d6b93ab083b Mon Sep 17 00:00:00 2001 From: estel <690930@qq.com> Date: Mon, 11 Aug 2025 22:50:23 +0800 Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E6=94=B9=E5=8D=9A=E6=96=87?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- app/assets/css/main.css | 4 +- content/blog/1.技术栈/974.部分组件语法展示.md | 49 +++++++++++++++++++ content/blog/1.技术栈/975.新的文档渲染样式.md | 20 +++++++- content/blog/1.技术栈/980.GPT5.md | 2 +- 4 files changed, 71 insertions(+), 4 deletions(-) create mode 100644 content/blog/1.技术栈/974.部分组件语法展示.md diff --git a/app/assets/css/main.css b/app/assets/css/main.css index 66799d6..89a40fa 100644 --- a/app/assets/css/main.css +++ b/app/assets/css/main.css @@ -22,7 +22,7 @@ :root { --ui-header-height: --spacing(16); /* 全局圆角与阴影，作为默认值，可被主题覆盖 */ - --ui-radius: 10px; + --ui-radius: 8px; --ui-button-radius: var(--ui-radius); --ui-card-radius: calc(var(--ui-radius) + 4px); --ui-shadow: 0 1px 2px rgba(0, 0, 0, 0.06); @@ -111,7 +111,7 @@ --theme-text: #374151; --theme-border: #d1d5db; /* 优雅：更大圆角与柔和阴影 */ - --ui-radius: 10px; + --ui-radius: 8px; --ui-button-radius: 10px; --ui-card-radius: 12px; --ui-shadow: 0 8px 24px rgba(0, 0, 0, 0.12); diff --git a/content/blog/1.技术栈/974.部分组件语法展示.md b/content/blog/1.技术栈/974.部分组件语法展示.md new file mode 100644 index 0000000..509cc6b --- /dev/null +++ b/content/blog/1.技术栈/974.部分组件语法展示.md @@ -0,0 +1,49 @@ +--- +title: 部分vue组件语法预览 +description: 预览一些自定义 vue 组件语法 +date: 2025-08-11 +img: https://lijue-me.oss-cn-chengdu.aliyuncs.com/20250811160513849.png +navigation: + icon: simple-icons:vuedotjs +--- +:::code-group +:::code-preview{icon="i-lucide-eye" label="Preview"} + ::callout + --- + icon: simple-icons-visualstudiocode + to: https://marketplace.visualstudio.com/items?itemName=Nuxt.mdc + --- + 安装 **MDC VS Code 扩展**，以获得对 MDC 语法的高亮显示支持。 + :: +::: +```mdp[Markdown语法.md] + ::callout + --- + icon: simple-icons-visualstudiocode + to: https://marketplace.visualstudio.com/items?itemName=Nuxt.mdc + --- + 安装 **MDC VS Code 扩展**，以获得对 MDC 语法的高亮显示支持。 + :: +``` +::: + + + + + +::tip{icon="i-lucide-info"} +这个页面 **尚未完成**,用于测试一些组件的语法和样式. +:: + + + + + + + diff --git a/content/blog/1.技术栈/975.新的文档渲染样式.md b/content/blog/1.技术栈/975.新的文档渲染样式.md index 7cc7b60..75417f3 100644 --- a/content/blog/1.技术栈/975.新的文档渲染样式.md +++ b/content/blog/1.技术栈/975.新的文档渲染样式.md @@ -321,8 +321,14 @@ bun run preview [访问 Estel Docs](https://lijue.net) +:::code-group +::code-preview{icon="i-lucide-eye" label="预览效果"} ![Estel Docs](https://lijue-me.oss-cn-chengdu.aliyuncs.com/20250811123147804.png) - +:: +```md[图片语句.md] +![Estel Docs](https://lijue-me.oss-cn-chengdu.aliyuncs.com/20250811123147804.png) +``` +::: ### 7. 引用：引用名言或引人深思的句子 @@ -349,11 +355,23 @@ bun run preview Markdown 支持简单的表格，用 `|` 和 `-` 分隔单元格和表头。 +:::code-group +::code-preview{icon="i-lucide-eye" label="预览效果"} | 项目名称 | 演示网址 | 仓库地址 | | ------------------------------------------- | ---------------------- | ------------ | | Estel Docs | [lijue.net](https://lijue.net) | [Github](https://github.com/estel-li/estel-docs) | | Estel Docs | [lijue.net](https://lijue.net) | [GitEE](https://gitee.com/estel-li/estel-docs) | | Estel Docs | [lijue.net](https://lijue.net) | [Gitee(国内)](https://gitee.com/estel-li/estel-docs) | +:: +```md[表格语句.md] +| 项目名称 | 演示网址 | 仓库地址 | +| ------------------------------------------- | ---------------------- | ------------ | +| Estel Docs | [lijue.net](https://lijue.net) | [Github](https://github.com/estel-li/estel-docs) | +| Estel Docs | [lijue.net](https://lijue.net) | [GitEE](https://gitee.com/estel-li/estel-docs) | +| Estel Docs | [lijue.net](https://lijue.net) | [Gitee(国内)](https://gitee.com/estel-li/estel-docs) | +``` +::: + 这样的表格让数据展示更为清爽！ diff --git a/content/blog/1.技术栈/980.GPT5.md b/content/blog/1.技术栈/980.GPT5.md index 2bdb844..992dd9b 100644 --- a/content/blog/1.技术栈/980.GPT5.md +++ b/content/blog/1.技术栈/980.GPT5.md @@ -7,7 +7,7 @@ navigation: icon: simple-icons:powershell --- -## GPT-5 上线了 +### GPT-5 上线了 👀 **Cursor 提示我可以免费试用，当然要 BP 喽。** ---