@ouraihub/preset-blog 0.1.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 OurAI Hub
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,276 @@
+# @ouraihub/preset-blog
+
+博客场景的预设配置，提供优化的阅读体验和常用组件配置。
+
+## 特性
+
+- 📖 **优化的阅读体验** - 更大的字号、更宽松的行高，适合长文本阅读
+- 🎨 **完整的设计令牌** - 颜色、字体、间距等设计系统
+- 🧩 **常用组件配置** - 文章卡片、标签、分页、评论区等
+- 📐 **响应式布局** - 首页、文章页、归档页、标签页等布局配置
+- 🌗 **暗色主题支持** - 基于 CSS 变量的主题系统
+
+## 安装
+
+```bash
+pnpm add @ouraihub/preset-blog
+```
+
+## 使用
+
+### 完整预设
+
+```typescript
+import { blogPreset } from '@ouraihub/preset-blog';
+
+// 使用完整预设
+const config = {
+  preset: blogPreset,
+};
+```
+
+### 按需导入
+
+```typescript
+import { blogTokens, blogComponents, blogLayout } from '@ouraihub/preset-blog';
+
+// 只使用设计令牌
+const tokens = blogTokens;
+
+// 只使用组件配置
+const components = blogComponents;
+
+// 只使用布局配置
+const layout = blogLayout;
+```
+
+## 设计令牌
+
+### 颜色
+
+```typescript
+blogTokens.colors = {
+  brand: {
+    primary: 'hsl(210, 100%, 50%)',
+    primaryLight: 'hsl(210, 100%, 97%)',
+    primaryDark: 'hsl(210, 100%, 30%)',
+  },
+  content: {
+    heading: 'hsl(0, 0%, 10%)',
+    body: 'hsl(0, 0%, 20%)',
+    muted: 'hsl(0, 0%, 50%)',
+    link: 'hsl(210, 100%, 50%)',
+    linkHover: 'hsl(210, 100%, 40%)',
+  },
+  semantic: {
+    featured: 'hsl(45, 100%, 51%)',
+    new: 'hsl(142, 76%, 36%)',
+    popular: 'hsl(0, 84%, 60%)',
+    archived: 'hsl(0, 0%, 65%)',
+  },
+};
+```
+
+### 字体
+
+```typescript
+blogTokens.typography = {
+  fontFamily: {
+    body: '-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, ...',
+    heading: '"Georgia", "Times New Roman", serif',
+    code: '"Fira Code", "Cascadia Code", "Consolas", monospace',
+  },
+  fontSize: {
+    articleTitle: '2.5rem',
+    articleBody: '1.125rem',
+    meta: '0.875rem',
+    tag: '0.8125rem',
+  },
+  lineHeight: {
+    heading: 1.2,
+    body: 1.75,
+    code: 1.6,
+  },
+};
+```
+
+## 组件配置
+
+### 文章卡片
+
+```typescript
+{
+  name: 'ArticleCard',
+  enabled: true,
+  defaults: {
+    showExcerpt: true,
+    showThumbnail: true,
+    showMeta: true,
+    showTags: true,
+    excerptLength: 150,
+  },
+  variants: {
+    featured: { /* 特色文章样式 */ },
+    compact: { /* 紧凑样式 */ },
+  },
+}
+```
+
+### 标签
+
+```typescript
+{
+  name: 'Tag',
+  enabled: true,
+  defaults: {
+    variant: 'default',
+    size: 'sm',
+    clickable: true,
+  },
+  variants: {
+    default: { /* 默认样式 */ },
+    primary: { /* 主色样式 */ },
+    outlined: { /* 描边样式 */ },
+  },
+}
+```
+
+### 分页
+
+```typescript
+{
+  name: 'Pagination',
+  enabled: true,
+  defaults: {
+    showFirstLast: true,
+    showPrevNext: true,
+    maxPages: 7,
+  },
+}
+```
+
+### 其他组件
+
+- **Comments** - 评论区配置
+- **TableOfContents** - 目录配置
+- **AuthorBio** - 作者信息配置
+- **RelatedPosts** - 相关文章配置
+
+## 布局配置
+
+### 首页布局
+
+```typescript
+blogLayout.layouts.home = {
+  type: 'grid',
+  columns: 12,
+  areas: {
+    mobile: ['header', 'main', 'footer'],
+    desktop: ['header', 'main + sidebar', 'footer'],
+  },
+};
+```
+
+### 文章页布局
+
+```typescript
+blogLayout.layouts.article = {
+  type: 'grid',
+  columns: 12,
+  areas: {
+    mobile: ['header', 'article', 'footer'],
+    desktop: ['header', 'toc + article + sidebar', 'footer'],
+  },
+  styles: {
+    article: {
+      maxWidth: '720px',
+      margin: '0 auto',
+    },
+  },
+};
+```
+
+### 归档页布局
+
+```typescript
+blogLayout.layouts.archive = {
+  type: 'flex',
+  styles: {
+    container: {
+      maxWidth: '800px',
+      margin: '0 auto',
+    },
+  },
+};
+```
+
+### 标签页布局
+
+```typescript
+blogLayout.layouts.tags = {
+  type: 'grid',
+  columns: 12,
+  areas: {
+    mobile: ['header', 'cloud', 'list', 'footer'],
+    desktop: ['header', 'cloud', 'list + sidebar', 'footer'],
+  },
+};
+```
+
+## 响应式断点
+
+```typescript
+blogLayout.breakpoints = {
+  xs: '320px',
+  sm: '640px',
+  md: '768px',
+  lg: '1024px',
+  xl: '1280px',
+  '2xl': '1536px',
+};
+```
+
+## 自定义配置
+
+### 扩展设计令牌
+
+```typescript
+import { blogPreset } from '@ouraihub/preset-blog';
+
+const customPreset = {
+  ...blogPreset,
+  tokens: {
+    ...blogPreset.tokens,
+    colors: {
+      ...blogPreset.tokens.colors,
+      brand: {
+        primary: '#your-color',
+      },
+    },
+  },
+};
+```
+
+### 覆盖组件配置
+
+```typescript
+import { blogPreset } from '@ouraihub/preset-blog';
+
+const customPreset = {
+  ...blogPreset,
+  components: blogPreset.components?.map(comp => 
+    comp.name === 'ArticleCard'
+      ? { ...comp, defaults: { ...comp.defaults, excerptLength: 200 } }
+      : comp
+  ),
+};
+```
+
+## 依赖
+
+- `@ouraihub/core` - 核心类型定义
+- `@ouraihub/tokens` - 基础设计令牌
+
+## License
+
+MIT

package/dist/components.d.ts

@@ -0,0 +1,20 @@
+/**
+ * 博客预设的组件配置
+ *
+ * 定义博客场景中常用组件的默认配置和样式。
+ */
+import type { ComponentConfig } from '@ouraihub/core/preset';
+/**
+ * 博客预设的组件配置列表
+ *
+ * 包含：
+ * - 文章卡片（ArticleCard）
+ * - 标签（Tag）
+ * - 分页（Pagination）
+ * - 评论区（Comments）
+ * - 目录（TableOfContents）
+ * - 作者信息（AuthorBio）
+ * - 相关文章（RelatedPosts）
+ */
+export declare const blogComponents: ComponentConfig[];
+//# sourceMappingURL=components.d.ts.map

package/dist/components.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"components.d.ts","sourceRoot":"","sources":["../src/components.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAC;AAE7D;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,cAAc,EAAE,eAAe,EAmP3C,CAAC"}

package/dist/components.js

@@ -0,0 +1,256 @@
+/**
+ * 博客预设的组件配置
+ *
+ * 定义博客场景中常用组件的默认配置和样式。
+ */
+/**
+ * 博客预设的组件配置列表
+ *
+ * 包含：
+ * - 文章卡片（ArticleCard）
+ * - 标签（Tag）
+ * - 分页（Pagination）
+ * - 评论区（Comments）
+ * - 目录（TableOfContents）
+ * - 作者信息（AuthorBio）
+ * - 相关文章（RelatedPosts）
+ */
+export const blogComponents = [
+    {
+        name: 'ArticleCard',
+        enabled: true,
+        defaults: {
+            showExcerpt: true,
+            showThumbnail: true,
+            showMeta: true,
+            showTags: true,
+            excerptLength: 150,
+        },
+        styles: {
+            container: {
+                padding: 'var(--ui-space-6)',
+                borderRadius: 'var(--ui-radius-lg)',
+                boxShadow: 'var(--ui-shadow-sm)',
+                transition: 'var(--ui-transition-base)',
+            },
+            title: {
+                fontSize: 'var(--ui-text-xl)',
+                fontWeight: 'var(--ui-font-weight-bold)',
+                lineHeight: 'var(--ui-line-height-tight)',
+                marginBottom: 'var(--ui-space-3)',
+            },
+            excerpt: {
+                fontSize: 'var(--ui-text-base)',
+                lineHeight: 'var(--ui-line-height-relaxed)',
+                color: 'var(--ui-text-secondary)',
+            },
+        },
+        variants: {
+            featured: {
+                showThumbnail: true,
+                thumbnailSize: 'large',
+                styles: {
+                    container: {
+                        background: 'var(--ui-primary-light)',
+                        border: '2px solid var(--ui-primary)',
+                    },
+                },
+            },
+            compact: {
+                showExcerpt: false,
+                showThumbnail: false,
+                styles: {
+                    container: {
+                        padding: 'var(--ui-space-4)',
+                    },
+                },
+            },
+        },
+    },
+    {
+        name: 'Tag',
+        enabled: true,
+        defaults: {
+            variant: 'default',
+            size: 'sm',
+            clickable: true,
+        },
+        styles: {
+            container: {
+                display: 'inline-flex',
+                alignItems: 'center',
+                padding: 'var(--ui-space-1) var(--ui-space-3)',
+                borderRadius: 'var(--ui-radius-sm)',
+                fontSize: 'var(--ui-text-sm)',
+                fontWeight: 'var(--ui-font-weight-medium)',
+                transition: 'var(--ui-transition-fast)',
+            },
+        },
+        variants: {
+            default: {
+                styles: {
+                    container: {
+                        background: 'var(--ui-surface)',
+                        color: 'var(--ui-text)',
+                        border: '1px solid var(--ui-border)',
+                    },
+                },
+            },
+            primary: {
+                styles: {
+                    container: {
+                        background: 'var(--ui-primary)',
+                        color: 'white',
+                    },
+                },
+            },
+            outlined: {
+                styles: {
+                    container: {
+                        background: 'transparent',
+                        color: 'var(--ui-text)',
+                        border: '1px solid var(--ui-border)',
+                    },
+                },
+            },
+        },
+    },
+    {
+        name: 'Pagination',
+        enabled: true,
+        defaults: {
+            showFirstLast: true,
+            showPrevNext: true,
+            maxPages: 7,
+            variant: 'default',
+        },
+        styles: {
+            container: {
+                display: 'flex',
+                alignItems: 'center',
+                justifyContent: 'center',
+                gap: 'var(--ui-space-2)',
+                marginTop: 'var(--ui-space-8)',
+            },
+            button: {
+                padding: 'var(--ui-space-2) var(--ui-space-4)',
+                borderRadius: 'var(--ui-radius-md)',
+                fontSize: 'var(--ui-text-base)',
+                fontWeight: 'var(--ui-font-weight-medium)',
+                transition: 'var(--ui-transition-fast)',
+                border: '1px solid var(--ui-border)',
+            },
+            active: {
+                background: 'var(--ui-primary)',
+                color: 'white',
+                borderColor: 'var(--ui-primary)',
+            },
+        },
+    },
+    {
+        name: 'Comments',
+        enabled: true,
+        defaults: {
+            provider: 'native',
+            showAvatar: true,
+            showReplyButton: true,
+            maxDepth: 3,
+            sortBy: 'newest',
+        },
+        styles: {
+            container: {
+                marginTop: 'var(--ui-space-12)',
+                paddingTop: 'var(--ui-space-8)',
+                borderTop: '1px solid var(--ui-border)',
+            },
+            comment: {
+                padding: 'var(--ui-space-4)',
+                marginBottom: 'var(--ui-space-4)',
+                borderRadius: 'var(--ui-radius-md)',
+                background: 'var(--ui-surface)',
+            },
+        },
+    },
+    {
+        name: 'TableOfContents',
+        enabled: true,
+        defaults: {
+            maxDepth: 3,
+            showNumbers: false,
+            sticky: true,
+            highlightActive: true,
+        },
+        styles: {
+            container: {
+                padding: 'var(--ui-space-6)',
+                borderRadius: 'var(--ui-radius-lg)',
+                background: 'var(--ui-surface)',
+                border: '1px solid var(--ui-border)',
+            },
+            link: {
+                display: 'block',
+                padding: 'var(--ui-space-2) var(--ui-space-3)',
+                fontSize: 'var(--ui-text-sm)',
+                color: 'var(--ui-text-secondary)',
+                transition: 'var(--ui-transition-fast)',
+            },
+            active: {
+                color: 'var(--ui-primary)',
+                fontWeight: 'var(--ui-font-weight-semibold)',
+            },
+        },
+    },
+    {
+        name: 'AuthorBio',
+        enabled: true,
+        defaults: {
+            showAvatar: true,
+            showSocial: true,
+            showBio: true,
+            avatarSize: 'md',
+        },
+        styles: {
+            container: {
+                display: 'flex',
+                gap: 'var(--ui-space-4)',
+                padding: 'var(--ui-space-6)',
+                borderRadius: 'var(--ui-radius-lg)',
+                background: 'var(--ui-surface)',
+                marginTop: 'var(--ui-space-8)',
+            },
+            name: {
+                fontSize: 'var(--ui-text-lg)',
+                fontWeight: 'var(--ui-font-weight-bold)',
+                marginBottom: 'var(--ui-space-2)',
+            },
+            bio: {
+                fontSize: 'var(--ui-text-base)',
+                lineHeight: 'var(--ui-line-height-relaxed)',
+                color: 'var(--ui-text-secondary)',
+            },
+        },
+    },
+    {
+        name: 'RelatedPosts',
+        enabled: true,
+        defaults: {
+            count: 3,
+            algorithm: 'tags',
+            showThumbnail: true,
+            layout: 'grid',
+        },
+        styles: {
+            container: {
+                marginTop: 'var(--ui-space-12)',
+                paddingTop: 'var(--ui-space-8)',
+                borderTop: '1px solid var(--ui-border)',
+            },
+            grid: {
+                display: 'grid',
+                gridTemplateColumns: 'repeat(auto-fit, minmax(280px, 1fr))',
+                gap: 'var(--ui-space-6)',
+            },
+        },
+    },
+];
+//# sourceMappingURL=components.js.map

package/dist/components.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"components.js","sourceRoot":"","sources":["../src/components.ts"],"names":[],"mappings":"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"}

package/dist/index.d.ts

@@ -0,0 +1,7 @@
+import type { Preset } from '@ouraihub/core/preset';
+export declare const blogPreset: Preset;
+export { blogTokens } from './tokens';
+export { blogComponents } from './components';
+export { blogLayout } from './layouts';
+export type * from '@ouraihub/core/preset';
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,uBAAuB,CAAC;AAKpD,eAAO,MAAM,UAAU,EAAE,MAaxB,CAAC;AAEF,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AACtC,OAAO,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAC9C,OAAO,EAAE,UAAU,EAAE,MAAM,WAAW,CAAC;AACvC,mBAAmB,uBAAuB,CAAC"}

package/dist/index.js

@@ -0,0 +1,20 @@
+import { blogTokens } from './tokens';
+import { blogComponents } from './components';
+import { blogLayout } from './layouts';
+export const blogPreset = {
+    options: {
+        name: 'blog',
+        version: '0.1.0',
+        description: '博客场景的预设配置，提供优化的阅读体验和常用组件配置',
+        author: '@ouraihub',
+        tags: ['blog', 'content', 'reading'],
+        isDefault: false,
+    },
+    tokens: blogTokens,
+    components: blogComponents,
+    layout: blogLayout,
+};
+export { blogTokens } from './tokens';
+export { blogComponents } from './components';
+export { blogLayout } from './layouts';
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AACtC,OAAO,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAC9C,OAAO,EAAE,UAAU,EAAE,MAAM,WAAW,CAAC;AAEvC,MAAM,CAAC,MAAM,UAAU,GAAW;IAChC,OAAO,EAAE;QACP,IAAI,EAAE,MAAM;QACZ,OAAO,EAAE,OAAO;QAChB,WAAW,EAAE,4BAA4B;QACzC,MAAM,EAAE,WAAW;QACnB,IAAI,EAAE,CAAC,MAAM,EAAE,SAAS,EAAE,SAAS,CAAC;QACpC,SAAS,EAAE,KAAK;KACjB;IAED,MAAM,EAAE,UAAU;IAClB,UAAU,EAAE,cAAc;IAC1B,MAAM,EAAE,UAAU;CACnB,CAAC;AAEF,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AACtC,OAAO,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAC9C,OAAO,EAAE,UAAU,EAAE,MAAM,WAAW,CAAC"}

package/dist/layouts.d.ts

@@ -0,0 +1,17 @@
+/**
+ * 博客预设的布局配置
+ *
+ * 定义博客场景中常用的页面布局配置。
+ */
+import type { LayoutConfig } from '@ouraihub/core/preset';
+/**
+ * 博客预设的布局配置
+ *
+ * 提供：
+ * - 响应式容器宽度
+ * - 栅格系统配置
+ * - 响应式断点
+ * - 常见布局模式
+ */
+export declare const blogLayout: LayoutConfig;
+//# sourceMappingURL=layouts.d.ts.map

package/dist/layouts.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"layouts.d.ts","sourceRoot":"","sources":["../src/layouts.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAE1D;;;;;;;;GAQG;AACH,eAAO,MAAM,UAAU,EAAE,YA4KxB,CAAC"}

package/dist/layouts.js

@@ -0,0 +1,179 @@
+/**
+ * 博客预设的布局配置
+ *
+ * 定义博客场景中常用的页面布局配置。
+ */
+/**
+ * 博客预设的布局配置
+ *
+ * 提供：
+ * - 响应式容器宽度
+ * - 栅格系统配置
+ * - 响应式断点
+ * - 常见布局模式
+ */
+export const blogLayout = {
+    type: 'grid',
+    // 容器最大宽度 - 优化阅读体验
+    maxWidth: '1200px',
+    // 容器内边距
+    containerPadding: 'var(--ui-space-4)',
+    // 栅格列数
+    columns: 12,
+    // 栅格间隙
+    gap: 'var(--ui-space-6)',
+    // 响应式断点
+    breakpoints: {
+        xs: '320px',
+        sm: '640px',
+        md: '768px',
+        lg: '1024px',
+        xl: '1280px',
+        '2xl': '1536px',
+    },
+    // 布局模式配置
+    layouts: {
+        /**
+         * 首页布局
+         * - 全宽容器
+         * - 文章列表网格
+         * - 侧边栏（可选）
+         */
+        home: {
+            type: 'grid',
+            columns: 12,
+            areas: {
+                // 移动端：单列
+                mobile: [
+                    'header header header header header header header header header header header header',
+                    'main main main main main main main main main main main main',
+                    'footer footer footer footer footer footer footer footer footer footer footer footer',
+                ],
+                // 桌面端：主内容 + 侧边栏
+                desktop: [
+                    'header header header header header header header header header header header header',
+                    'main main main main main main main main main sidebar sidebar sidebar',
+                    'footer footer footer footer footer footer footer footer footer footer footer footer',
+                ],
+            },
+            styles: {
+                main: {
+                    display: 'grid',
+                    gridTemplateColumns: 'repeat(auto-fill, minmax(320px, 1fr))',
+                    gap: 'var(--ui-space-6)',
+                },
+                sidebar: {
+                    position: 'sticky',
+                    top: 'var(--ui-space-8)',
+                    height: 'fit-content',
+                },
+            },
+        },
+        /**
+         * 文章页布局
+         * - 居中的阅读区域
+         * - 目录侧边栏（可选）
+         * - 优化的阅读宽度
+         */
+        article: {
+            type: 'grid',
+            columns: 12,
+            areas: {
+                // 移动端：单列
+                mobile: [
+                    'header header header header header header header header header header header header',
+                    'article article article article article article article article article article article article',
+                    'footer footer footer footer footer footer footer footer footer footer footer footer',
+                ],
+                // 桌面端：目录 + 文章 + 侧边栏
+                desktop: [
+                    'header header header header header header header header header header header header',
+                    'toc toc article article article article article article sidebar sidebar sidebar sidebar',
+                    'footer footer footer footer footer footer footer footer footer footer footer footer',
+                ],
+            },
+            styles: {
+                article: {
+                    maxWidth: '720px',
+                    margin: '0 auto',
+                    padding: 'var(--ui-space-8) var(--ui-space-4)',
+                },
+                toc: {
+                    position: 'sticky',
+                    top: 'var(--ui-space-8)',
+                    height: 'fit-content',
+                    display: 'none',
+                },
+                sidebar: {
+                    position: 'sticky',
+                    top: 'var(--ui-space-8)',
+                    height: 'fit-content',
+                },
+            },
+            responsive: {
+                lg: {
+                    toc: {
+                        display: 'block',
+                    },
+                },
+            },
+        },
+        /**
+         * 归档页布局
+         * - 时间线或列表视图
+         * - 年份分组
+         */
+        archive: {
+            type: 'flex',
+            styles: {
+                container: {
+                    maxWidth: '800px',
+                    margin: '0 auto',
+                    padding: 'var(--ui-space-8) var(--ui-space-4)',
+                },
+                timeline: {
+                    position: 'relative',
+                    paddingLeft: 'var(--ui-space-8)',
+                },
+            },
+        },
+        /**
+         * 标签页布局
+         * - 标签云
+         * - 标签下的文章列表
+         */
+        tags: {
+            type: 'grid',
+            columns: 12,
+            areas: {
+                mobile: [
+                    'header header header header header header header header header header header header',
+                    'cloud cloud cloud cloud cloud cloud cloud cloud cloud cloud cloud cloud',
+                    'list list list list list list list list list list list list',
+                    'footer footer footer footer footer footer footer footer footer footer footer footer',
+                ],
+                desktop: [
+                    'header header header header header header header header header header header header',
+                    'cloud cloud cloud cloud cloud cloud cloud cloud cloud cloud cloud cloud',
+                    'list list list list list list list list list sidebar sidebar sidebar',
+                    'footer footer footer footer footer footer footer footer footer footer footer footer',
+                ],
+            },
+            styles: {
+                cloud: {
+                    display: 'flex',
+                    flexWrap: 'wrap',
+                    gap: 'var(--ui-space-3)',
+                    padding: 'var(--ui-space-8) var(--ui-space-4)',
+                    justifyContent: 'center',
+                },
+                list: {
+                    display: 'grid',
+                    gridTemplateColumns: 'repeat(auto-fill, minmax(320px, 1fr))',
+                    gap: 'var(--ui-space-6)',
+                },
+            },
+        },
+    },
+};
+//# sourceMappingURL=layouts.js.map

package/dist/layouts.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"layouts.js","sourceRoot":"","sources":["../src/layouts.ts"],"names":[],"mappings":"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"}

package/dist/tokens.d.ts

@@ -0,0 +1,17 @@
+/**
+ * 博客预设的设计令牌配置
+ *
+ * 提供适合博客场景的颜色、字体、间距等设计令牌。
+ * 基于 @ouraihub/tokens 的基础令牌进行扩展和定制。
+ */
+import type { DesignTokens } from '@ouraihub/core/preset';
+/**
+ * 博客预设的设计令牌
+ *
+ * 特点：
+ * - 优化的阅读体验（更大的字号、更宽松的行高）
+ * - 适合长文本的颜色对比度
+ * - 清晰的视觉层次
+ */
+export declare const blogTokens: DesignTokens;
+//# sourceMappingURL=tokens.d.ts.map

package/dist/tokens.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tokens.d.ts","sourceRoot":"","sources":["../src/tokens.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAE1D;;;;;;;GAOG;AACH,eAAO,MAAM,UAAU,EAAE,YAgHxB,CAAC"}

package/dist/tokens.js

@@ -0,0 +1,107 @@
+/**
+ * 博客预设的设计令牌配置
+ *
+ * 提供适合博客场景的颜色、字体、间距等设计令牌。
+ * 基于 @ouraihub/tokens 的基础令牌进行扩展和定制。
+ */
+/**
+ * 博客预设的设计令牌
+ *
+ * 特点：
+ * - 优化的阅读体验（更大的字号、更宽松的行高）
+ * - 适合长文本的颜色对比度
+ * - 清晰的视觉层次
+ */
+export const blogTokens = {
+    colors: {
+        // 品牌色 - 使用温暖的蓝色，适合博客场景
+        brand: {
+            primary: 'hsl(210, 100%, 50%)',
+            primaryLight: 'hsl(210, 100%, 97%)',
+            primaryDark: 'hsl(210, 100%, 30%)',
+        },
+        // 内容色 - 优化阅读体验
+        content: {
+            heading: 'hsl(0, 0%, 10%)',
+            body: 'hsl(0, 0%, 20%)',
+            muted: 'hsl(0, 0%, 50%)',
+            link: 'hsl(210, 100%, 50%)',
+            linkHover: 'hsl(210, 100%, 40%)',
+        },
+        // 语义色 - 用于标签、徽章等
+        semantic: {
+            featured: 'hsl(45, 100%, 51%)',
+            new: 'hsl(142, 76%, 36%)',
+            popular: 'hsl(0, 84%, 60%)',
+            archived: 'hsl(0, 0%, 65%)',
+        },
+    },
+    spacing: {
+        // 文章内容间距
+        articleGap: '2rem',
+        sectionGap: '4rem',
+        // 卡片间距
+        cardPadding: '1.5rem',
+        cardGap: '1.5rem',
+        // 容器间距
+        containerPadding: '1rem',
+        containerPaddingLg: '2rem',
+    },
+    typography: {
+        fontFamily: {
+            // 正文字体 - 优化阅读体验
+            body: '-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif',
+            // 标题字体 - 更有个性
+            heading: '"Georgia", "Times New Roman", serif',
+            // 代码字体
+            code: '"Fira Code", "Cascadia Code", "Consolas", monospace',
+        },
+        fontSize: {
+            // 文章标题
+            articleTitle: '2.5rem',
+            // 文章正文 - 更大的字号提升阅读体验
+            articleBody: '1.125rem',
+            // 元信息（日期、作者等）
+            meta: '0.875rem',
+            // 标签
+            tag: '0.8125rem',
+        },
+        fontWeight: {
+            normal: 400,
+            medium: 500,
+            semibold: 600,
+            bold: 700,
+        },
+        lineHeight: {
+            // 标题行高 - 紧凑
+            heading: 1.2,
+            // 正文行高 - 宽松，提升阅读体验
+            body: 1.75,
+            // 代码行高
+            code: 1.6,
+        },
+        letterSpacing: {
+            tight: '-0.02em',
+            normal: '0',
+            wide: '0.02em',
+        },
+    },
+    shadows: {
+        // 卡片阴影
+        card: '0 2px 8px rgba(0, 0, 0, 0.08)',
+        cardHover: '0 4px 16px rgba(0, 0, 0, 0.12)',
+        // 浮动元素阴影
+        floating: '0 8px 24px rgba(0, 0, 0, 0.12)',
+    },
+    borderRadius: {
+        card: '0.75rem',
+        tag: '0.25rem',
+        image: '0.5rem',
+    },
+    transitions: {
+        fast: '150ms ease-in-out',
+        base: '200ms ease-in-out',
+        slow: '300ms ease-in-out',
+    },
+};
+//# sourceMappingURL=tokens.js.map

package/dist/tokens.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tokens.js","sourceRoot":"","sources":["../src/tokens.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAIH;;;;;;;GAOG;AACH,MAAM,CAAC,MAAM,UAAU,GAAiB;IACtC,MAAM,EAAE;QACN,uBAAuB;QACvB,KAAK,EAAE;YACL,OAAO,EAAE,qBAAqB;YAC9B,YAAY,EAAE,qBAAqB;YACnC,WAAW,EAAE,qBAAqB;SACnC;QAED,eAAe;QACf,OAAO,EAAE;YACP,OAAO,EAAE,iBAAiB;YAC1B,IAAI,EAAE,iBAAiB;YACvB,KAAK,EAAE,iBAAiB;YACxB,IAAI,EAAE,qBAAqB;YAC3B,SAAS,EAAE,qBAAqB;SACjC;QAED,iBAAiB;QACjB,QAAQ,EAAE;YACR,QAAQ,EAAE,oBAAoB;YAC9B,GAAG,EAAE,oBAAoB;YACzB,OAAO,EAAE,kBAAkB;YAC3B,QAAQ,EAAE,iBAAiB;SAC5B;KACF;IAED,OAAO,EAAE;QACP,SAAS;QACT,UAAU,EAAE,MAAM;QAClB,UAAU,EAAE,MAAM;QAElB,OAAO;QACP,WAAW,EAAE,QAAQ;QACrB,OAAO,EAAE,QAAQ;QAEjB,OAAO;QACP,gBAAgB,EAAE,MAAM;QACxB,kBAAkB,EAAE,MAAM;KAC3B;IAED,UAAU,EAAE;QACV,UAAU,EAAE;YACV,gBAAgB;YAChB,IAAI,EAAE,4FAA4F;YAElG,cAAc;YACd,OAAO,EAAE,qCAAqC;YAE9C,OAAO;YACP,IAAI,EAAE,qDAAqD;SAC5D;QAED,QAAQ,EAAE;YACR,OAAO;YACP,YAAY,EAAE,QAAQ;YAEtB,qBAAqB;YACrB,WAAW,EAAE,UAAU;YAEvB,cAAc;YACd,IAAI,EAAE,UAAU;YAEhB,KAAK;YACL,GAAG,EAAE,WAAW;SACjB;QAED,UAAU,EAAE;YACV,MAAM,EAAE,GAAG;YACX,MAAM,EAAE,GAAG;YACX,QAAQ,EAAE,GAAG;YACb,IAAI,EAAE,GAAG;SACV;QAED,UAAU,EAAE;YACV,YAAY;YACZ,OAAO,EAAE,GAAG;YAEZ,mBAAmB;YACnB,IAAI,EAAE,IAAI;YAEV,OAAO;YACP,IAAI,EAAE,GAAG;SACV;QAED,aAAa,EAAE;YACb,KAAK,EAAE,SAAS;YAChB,MAAM,EAAE,GAAG;YACX,IAAI,EAAE,QAAQ;SACf;KACF;IAED,OAAO,EAAE;QACP,OAAO;QACP,IAAI,EAAE,+BAA+B;QACrC,SAAS,EAAE,gCAAgC;QAE3C,SAAS;QACT,QAAQ,EAAE,gCAAgC;KAC3C;IAED,YAAY,EAAE;QACZ,IAAI,EAAE,SAAS;QACf,GAAG,EAAE,SAAS;QACd,KAAK,EAAE,QAAQ;KAChB;IAED,WAAW,EAAE;QACX,IAAI,EAAE,mBAAmB;QACzB,IAAI,EAAE,mBAAmB;QACzB,IAAI,EAAE,mBAAmB;KAC1B;CACF,CAAC"}

package/package.json

@@ -0,0 +1,54 @@
+{
+  "name": "@ouraihub/preset-blog",
+  "version": "0.1.0",
+  "description": "博客场景的预设配置，提供优化的阅读体验和常用组件配置",
+  "type": "module",
+  "main": "./dist/index.js",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js"
+    },
+    "./tokens": {
+      "types": "./dist/tokens.d.ts",
+      "import": "./dist/tokens.js"
+    },
+    "./components": {
+      "types": "./dist/components.d.ts",
+      "import": "./dist/components.js"
+    },
+    "./layouts": {
+      "types": "./dist/layouts.d.ts",
+      "import": "./dist/layouts.js"
+    }
+  },
+  "files": [
+    "dist",
+    "README.md"
+  ],
+  "keywords": [
+    "blog",
+    "preset",
+    "design-system",
+    "ui-library",
+    "ouraihub"
+  ],
+  "author": "@ouraihub",
+  "license": "MIT",
+  "dependencies": {
+    "@ouraihub/core": "0.1.0",
+    "@ouraihub/tokens": "0.1.0"
+  },
+  "devDependencies": {
+    "typescript": "^5.3.3"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "scripts": {
+    "build": "tsc",
+    "typecheck": "tsc --noEmit"
+  }
+}