@jet-w/astro-blog 0.1.0

package/templates/default/content/slides/demo.md

@@ -0,0 +1,146 @@
+---
+title: Reveal.js 演示
+description: 展示 Slides 功能的示例演示
+pubDate: 2025-01-05
+author: Blog Author
+tags: [demo, slides, reveal.js]
+theme: black
+transition: slide
+controls: true
+progress: true
+slideNumber: true
+---
+
+# 欢迎使用 Slides
+
+基于 Reveal.js 的幻灯片演示系统
+
+---
+
+## 功能特性
+
+- 📝 **Markdown 语法支持**
+- 🎨 **多种主题可选**
+- ✨ **过渡动画效果**
+- 📊 **代码高亮**
+
+---
+
+## 代码展示
+
+```javascript
+// JavaScript 示例
+function greet(name) {
+  console.log(`Hello, ${name}!`);
+}
+
+greet('World');
+```
+
+---
+
+## 垂直幻灯片
+
+使用 `----` 创建垂直幻灯片
+
+按 ↓ 键继续
+
+----
+
+### 这是垂直子页面
+
+你可以使用垂直方向组织内容层次
+
+----
+
+### 另一个垂直页面
+
+按 → 键返回主线
+
+---
+
+## 数学公式支持
+
+行内公式: $E = mc^2$
+
+块级公式:
+
+$$
+\frac{d}{dx}\left( \int_{0}^{x} f(u)\,du\right)=f(x)
+$$
+
+---
+
+## Mermaid 图表
+
+```mermaid
+graph TD
+    A[开始] --> B{条件判断}
+    B -->|是| C[执行操作]
+    B -->|否| D[跳过]
+    C --> E[结束]
+    D --> E
+```
+
+---
+
+## 分栏布局
+
+<div style="display: flex; justify-content: space-around;">
+<div style="flex: 1;">
+
+### 左侧内容
+- 项目一
+- 项目二
+- 项目三
+
+</div>
+<div style="flex: 1;">
+
+### 右侧内容
+- 项目四
+- 项目五
+- 项目六
+
+</div>
+</div>
+
+---
+
+## 图片展示
+
+支持标准 Markdown 图片语法
+
+```markdown
+![alt text](image-url)
+```
+
+---
+
+## 可用主题
+
+| 主题 | 说明 |
+|------|------|
+| black | 黑色背景（默认）|
+| white | 白色背景 |
+| league | 灰色背景 |
+| beige | 米色背景 |
+| night | 夜间模式 |
+| serif | 衬线字体 |
+
+---
+
+## 键盘快捷键
+
+- **→ / ←**: 前进/后退
+- **↑ / ↓**: 垂直导航
+- **Space**: 下一页
+- **Esc**: 概览模式
+- **F**: 全屏模式
+- **S**: 演讲者视图
+
+---
+
+# 谢谢！
+
+开始创建你的演示吧 🚀

package/templates/default/content/slides/docs/basic-demo.md

@@ -0,0 +1,35 @@
+---
+title: 基础演示
+description: 展示幻灯片基本功能
+pubDate: 2025-01-05
+theme: black
+transition: slide
+slideNumber: true
+---
+
+# 欢迎使用 Slides
+
+基于 Reveal.js 的幻灯片演示
+
+---
+
+## Markdown 语法
+
+- **粗体文本**
+- *斜体文本*
+- `行内代码`
+- [链接](https://example.com)
+
+---
+
+## 列表展示
+
+1. 第一项
+2. 第二项
+3. 第三项
+
+---
+
+# 完成！
+
+按 Esc 查看概览

package/templates/default/content/slides/docs/code-demo.md

@@ -0,0 +1,62 @@
+---
+title: 代码高亮演示
+description: 展示代码语法高亮功能
+pubDate: 2025-01-05
+theme: night
+transition: fade
+slideNumber: true
+---
+
+## JavaScript 示例
+
+```javascript
+function fibonacci(n) {
+  if (n <= 1) return n;
+  return fibonacci(n - 1) + fibonacci(n - 2);
+}
+
+console.log(fibonacci(10)); // 55
+```
+
+---
+
+## Python 示例
+
+```python
+def quicksort(arr):
+    if len(arr) <= 1:
+        return arr
+    pivot = arr[len(arr) // 2]
+    left = [x for x in arr if x < pivot]
+    middle = [x for x in arr if x == pivot]
+    right = [x for x in arr if x > pivot]
+    return quicksort(left) + middle + quicksort(right)
+```
+
+---
+
+## TypeScript 示例
+
+```typescript
+interface User {
+  id: number;
+  name: string;
+  email: string;
+}
+
+const getUser = async (id: number): Promise<User> => {
+  const response = await fetch(`/api/users/${id}`);
+  return response.json();
+};
+```
+
+---
+
+## YAML 配置
+
+```yaml
+layout: slides
+theme: night
+transition: fade
+slideNumber: true
+```

package/templates/default/content/slides/docs/echarts-demo.md

@@ -0,0 +1,139 @@
+---
+title: ECharts 图表演示
+description: 展示 ECharts 图表在幻灯片中的使用
+pubDate: 2025-01-05
+theme: black
+transition: slide
+slideNumber: true
+---
+
+## ECharts 图表
+
+在幻灯片中使用 ECharts 创建交互式图表
+
+---
+
+## 折线图
+
+```echarts
+{
+  "xAxis": {
+    "type": "category",
+    "data": ["Mon", "Tue", "Wed", "Thu", "Fri", "Sat", "Sun"]
+  },
+  "yAxis": {
+    "type": "value"
+  },
+  "series": [{
+    "data": [150, 230, 224, 218, 135, 147, 260],
+    "type": "line",
+    "smooth": true
+  }]
+}
+```
+
+---
+
+## 柱状图
+
+```echarts
+{
+  "xAxis": {
+    "type": "category",
+    "data": ["产品A", "产品B", "产品C", "产品D", "产品E"]
+  },
+  "yAxis": {
+    "type": "value"
+  },
+  "series": [{
+    "data": [120, 200, 150, 80, 70],
+    "type": "bar",
+    "itemStyle": {
+      "color": "#5470c6"
+    }
+  }]
+}
+```
+
+---
+
+## 饼图
+
+```echarts
+{
+  "series": [{
+    "type": "pie",
+    "radius": "60%",
+    "data": [
+      {"value": 1048, "name": "搜索引擎"},
+      {"value": 735, "name": "直接访问"},
+      {"value": 580, "name": "邮件营销"},
+      {"value": 484, "name": "联盟广告"},
+      {"value": 300, "name": "视频广告"}
+    ]
+  }]
+}
+```
+
+---
+
+## 雷达图
+
+```echarts
+{
+  "radar": {
+    "indicator": [
+      {"name": "销售", "max": 6500},
+      {"name": "管理", "max": 16000},
+      {"name": "技术", "max": 30000},
+      {"name": "客服", "max": 38000},
+      {"name": "研发", "max": 52000},
+      {"name": "市场", "max": 25000}
+    ]
+  },
+  "series": [{
+    "type": "radar",
+    "data": [{
+      "value": [4200, 3000, 20000, 35000, 50000, 18000],
+      "name": "预算"
+    }, {
+      "value": [5000, 14000, 28000, 26000, 42000, 21000],
+      "name": "实际"
+    }]
+  }]
+}
+```
+
+---
+
+## 散点图
+
+```echarts
+{
+  "xAxis": {},
+  "yAxis": {},
+  "series": [{
+    "symbolSize": 20,
+    "data": [
+      [10, 8.04], [8, 6.95], [13, 7.58], [9, 8.81],
+      [11, 8.33], [14, 9.96], [6, 7.24], [4, 4.26],
+      [12, 10.84], [7, 4.82], [5, 5.68]
+    ],
+    "type": "scatter"
+  }]
+}
+```
+
+---
+
+## 仪表盘
+
+```echarts
+{
+  "series": [{
+    "type": "gauge",
+    "detail": {"formatter": "{value}%"},
+    "data": [{"value": 75, "name": "完成率"}]
+  }]
+}
+```

package/templates/default/content/slides/docs/fragment-demo.md

@@ -0,0 +1,35 @@
+---
+title: Fragment 动画演示
+description: 展示逐步显示内容效果
+pubDate: 2025-01-05
+theme: blood
+transition: convex
+slideNumber: true
+---
+
+## 核心功能
+
+<p class="fragment">1. 智能分析</p>
+<p class="fragment">2. 自动化处理</p>
+<p class="fragment">3. 可视化报表</p>
+<p class="fragment fade-up">4. 实时监控</p>
+
+---
+
+## 动画类型
+
+<p class="fragment fade-in">fade-in 淡入</p>
+<p class="fragment fade-out">fade-out 淡出</p>
+<p class="fragment highlight-red">highlight-red 红色高亮</p>
+<p class="fragment highlight-green">highlight-green 绿色高亮</p>
+<p class="fragment highlight-blue">highlight-blue 蓝色高亮</p>
+
+---
+
+## 组合效果
+
+<span class="fragment fade-in">
+  <span class="fragment highlight-green">
+    先显示，再高亮
+  </span>
+</span>

package/templates/default/content/slides/docs/math-demo.md

@@ -0,0 +1,48 @@
+---
+title: 数学公式演示
+description: 展示 LaTeX 数学公式支持
+pubDate: 2025-01-05
+theme: serif
+transition: fade
+slideNumber: true
+---
+
+## 数学公式
+
+行内公式：$E = mc^2$
+
+---
+
+## 块级公式
+
+$$
+\int_{-\infty}^{\infty} e^{-x^2} dx = \sqrt{\pi}
+$$
+
+---
+
+## 微积分
+
+$$
+\frac{\partial f}{\partial x} = \lim_{h \to 0} \frac{f(x+h) - f(x)}{h}
+$$
+
+---
+
+## 矩阵
+
+$$
+\begin{pmatrix}
+a & b \\
+c & d
+\end{pmatrix}
+\begin{pmatrix}
+x \\
+y
+\end{pmatrix}
+=
+\begin{pmatrix}
+ax + by \\
+cx + dy
+\end{pmatrix}
+$$

package/templates/default/content/slides/docs/mermaid-demo.md

@@ -0,0 +1,105 @@
+---
+title: Mermaid 图表演示
+description: 展示 Mermaid 图表在幻灯片中的使用
+pubDate: 2025-01-05
+theme: white
+transition: fade
+slideNumber: true
+---
+
+## Mermaid 图表
+
+在幻灯片中使用 Mermaid 绘制各种图表
+
+---
+
+## 流程图
+
+```mermaid
+graph TD
+    A[开始] --> B{条件判断}
+    B -->|是| C[执行操作]
+    B -->|否| D[跳过]
+    C --> E[结束]
+    D --> E
+```
+
+---
+
+## 时序图
+
+```mermaid
+sequenceDiagram
+    participant U as 用户
+    participant S as 服务器
+    participant D as 数据库
+    U->>S: 发送请求
+    S->>D: 查询数据
+    D-->>S: 返回结果
+    S-->>U: 响应数据
+```
+
+---
+
+## 类图
+
+```mermaid
+classDiagram
+    class Animal {
+        +String name
+        +int age
+        +makeSound()
+    }
+    class Dog {
+        +bark()
+    }
+    class Cat {
+        +meow()
+    }
+    Animal <|-- Dog
+    Animal <|-- Cat
+```
+
+---
+
+## 甘特图
+
+```mermaid
+gantt
+    title 项目计划
+    dateFormat  YYYY-MM-DD
+    section 设计
+    需求分析    :a1, 2025-01-01, 7d
+    UI设计      :a2, after a1, 5d
+    section 开发
+    前端开发    :b1, after a2, 10d
+    后端开发    :b2, after a2, 12d
+    section 测试
+    集成测试    :c1, after b2, 5d
+```
+
+---
+
+## 饼图
+
+```mermaid
+pie title 技术栈占比
+    "JavaScript" : 40
+    "TypeScript" : 30
+    "Python" : 20
+    "其他" : 10
+```
+
+---
+
+## 状态图
+
+```mermaid
+stateDiagram-v2
+    [*] --> 待处理
+    待处理 --> 处理中: 开始处理
+    处理中 --> 已完成: 处理成功
+    处理中 --> 失败: 处理失败
+    失败 --> 待处理: 重试
+    已完成 --> [*]
+```

package/templates/default/content/slides/docs/theme-demo.md

@@ -0,0 +1,38 @@
+---
+title: 主题演示
+description: 展示不同主题效果（当前为 moon 主题）
+pubDate: 2025-01-05
+theme: moon
+transition: zoom
+slideNumber: true
+---
+
+## 可用主题
+
+| 主题 | 说明 |
+|------|------|
+| black | 黑色背景（默认）|
+| white | 白色背景 |
+| league | 深灰色背景 |
+| beige | 米色背景 |
+| night | 深蓝色背景 |
+
+---
+
+## 更多主题
+
+| 主题 | 说明 |
+|------|------|
+| serif | 衬线字体 |
+| simple | 极简白色 |
+| solarized | Solarized 配色 |
+| blood | 深红色强调 |
+| moon | 深蓝月光风格 |
+
+---
+
+## 当前主题
+
+这是 **moon** 主题
+
+配合 **zoom** 过渡效果

package/templates/default/content/slides/docs/vertical-demo.md

@@ -0,0 +1,50 @@
+---
+title: 垂直幻灯片演示
+description: 展示水平和垂直幻灯片切换
+pubDate: 2025-01-05
+theme: white
+transition: slide
+slideNumber: true
+---
+
+# 第一章
+
+主线内容，按 → 或 ↓
+
+----
+
+## 1.1 详细说明
+
+这是垂直子页面
+
+按 ↓ 继续
+
+----
+
+## 1.2 更多内容
+
+按 → 返回主线
+
+---
+
+# 第二章
+
+新的章节开始
+
+----
+
+## 2.1 子内容
+
+垂直幻灯片适合：
+
+- 详细展开
+- 补充内容
+- 深入解释
+
+---
+
+# 完成！
+
+使用 `---` 水平分隔
+
+使用 `----` 垂直分隔

package/templates/default/package.json

@@ -0,0 +1,31 @@
+{
+  "name": "my-astro-blog",
+  "type": "module",
+  "version": "0.0.1",
+  "scripts": {
+    "dev": "astro dev",
+    "start": "astro dev",
+    "build": "astro build",
+    "preview": "astro preview",
+    "astro": "astro"
+  },
+  "dependencies": {
+    "@astrojs/mdx": "^4.3.12",
+    "@astrojs/rss": "^4.0.14",
+    "@astrojs/tailwind": "^5.1.3",
+    "@astrojs/vue": "^5.0.6",
+    "@jet-w/astro-blog": "^0.1.0",
+    "@tailwindcss/typography": "^0.5.15",
+    "astro": "^5.14.1",
+    "echarts": "^6.0.0",
+    "fuse.js": "^7.0.0",
+    "mermaid": "^11.12.2",
+    "rehype-katex": "^7.0.1",
+    "rehype-raw": "^7.0.0",
+    "remark-directive": "^4.0.0",
+    "remark-math": "^6.0.0",
+    "tailwindcss": "^3.4.17",
+    "typescript": "^5.7.2",
+    "vue": "^3.5.13"
+  }
+}

package/templates/default/public/favicon-bak.svg

@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24" fill="#3b82f6">
+  <path d="M12 2L2 7v10c0 5.55 3.84 9.74 9 11 5.16-1.26 9-5.45 9-11V7l-10-5z"/>
+  <path d="M9 12l2 2 4-4" stroke="white" stroke-width="2" fill="none"/>
+</svg>