create-tona 0.0.6 → 0.0.7
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/package.json +1 -1
- package/template-js/.nvmrc +2 -0
- package/template-js/README.md +68 -0
- package/template-ts/.nvmrc +2 -0
- package/template-ts/README.md +69 -0
- package/template-ts/package.json +1 -1
package/package.json
CHANGED
|
@@ -0,0 +1,68 @@
|
|
|
1
|
+
# Tona JavaScript 主题模板
|
|
2
|
+
|
|
3
|
+
这是一个使用 JavaScript 编写的 Tona 博客主题模板。
|
|
4
|
+
|
|
5
|
+
## 特性
|
|
6
|
+
|
|
7
|
+
- 🚀 使用 Vite 作为构建工具，提供快速的开发体验
|
|
8
|
+
- 📦 纯 JavaScript，无需 TypeScript 配置
|
|
9
|
+
- 🎨 基于 Tona 框架，轻松开发博客主题
|
|
10
|
+
- 🔧 开箱即用的配置，快速开始开发
|
|
11
|
+
|
|
12
|
+
## 快速开始
|
|
13
|
+
|
|
14
|
+
### 安装依赖
|
|
15
|
+
|
|
16
|
+
```bash
|
|
17
|
+
pnpm install
|
|
18
|
+
```
|
|
19
|
+
|
|
20
|
+
### 开发模式
|
|
21
|
+
|
|
22
|
+
```bash
|
|
23
|
+
pnpm dev
|
|
24
|
+
```
|
|
25
|
+
|
|
26
|
+
### 构建
|
|
27
|
+
|
|
28
|
+
```bash
|
|
29
|
+
pnpm build
|
|
30
|
+
```
|
|
31
|
+
|
|
32
|
+
## 项目结构
|
|
33
|
+
|
|
34
|
+
```
|
|
35
|
+
.
|
|
36
|
+
├── src/
|
|
37
|
+
│ ├── main.js # 主题入口文件
|
|
38
|
+
│ └── style.css # 样式文件
|
|
39
|
+
├── vite.config.mjs # Vite 配置文件
|
|
40
|
+
└── package.json # 项目配置
|
|
41
|
+
```
|
|
42
|
+
|
|
43
|
+
## 开发指南
|
|
44
|
+
|
|
45
|
+
### 创建插件
|
|
46
|
+
|
|
47
|
+
在 `src/main.js` 中，你可以通过 `createTheme().use()` 来注册插件：
|
|
48
|
+
|
|
49
|
+
```javascript
|
|
50
|
+
import { createTheme } from 'tona'
|
|
51
|
+
import './style.css'
|
|
52
|
+
|
|
53
|
+
function myPlugin() {
|
|
54
|
+
// 你的插件逻辑
|
|
55
|
+
}
|
|
56
|
+
|
|
57
|
+
createTheme().use(myPlugin)
|
|
58
|
+
```
|
|
59
|
+
|
|
60
|
+
### 样式编写
|
|
61
|
+
|
|
62
|
+
在 `src/style.css` 中编写你的主题样式。
|
|
63
|
+
|
|
64
|
+
## 了解更多
|
|
65
|
+
|
|
66
|
+
- [Tona 文档](https://github.com/guangzan/tona)
|
|
67
|
+
- [Vite 文档](https://vitejs.dev/)
|
|
68
|
+
|
|
@@ -0,0 +1,69 @@
|
|
|
1
|
+
# Tona TypeScript 主题模板
|
|
2
|
+
|
|
3
|
+
这是一个使用 TypeScript 编写的 Tona 博客主题模板。
|
|
4
|
+
|
|
5
|
+
## 特性
|
|
6
|
+
|
|
7
|
+
- 🚀 使用 Vite 作为构建工具，提供快速的开发体验
|
|
8
|
+
- 📦 TypeScript 支持，提供完整的类型提示
|
|
9
|
+
- 🎨 基于 Tona 框架，轻松开发博客主题
|
|
10
|
+
- 🔧 开箱即用的配置，快速开始开发
|
|
11
|
+
|
|
12
|
+
## 快速开始
|
|
13
|
+
|
|
14
|
+
### 安装依赖
|
|
15
|
+
|
|
16
|
+
```bash
|
|
17
|
+
pnpm install
|
|
18
|
+
```
|
|
19
|
+
|
|
20
|
+
### 开发模式
|
|
21
|
+
|
|
22
|
+
```bash
|
|
23
|
+
pnpm dev
|
|
24
|
+
```
|
|
25
|
+
|
|
26
|
+
### 构建
|
|
27
|
+
|
|
28
|
+
```bash
|
|
29
|
+
pnpm build
|
|
30
|
+
```
|
|
31
|
+
|
|
32
|
+
## 项目结构
|
|
33
|
+
|
|
34
|
+
```
|
|
35
|
+
.
|
|
36
|
+
├── src/
|
|
37
|
+
│ ├── main.ts # 主题入口文件
|
|
38
|
+
│ └── style.css # 样式文件
|
|
39
|
+
├── vite.config.mts # Vite 配置文件
|
|
40
|
+
├── tsconfig.json # TypeScript 配置文件
|
|
41
|
+
└── package.json # 项目配置
|
|
42
|
+
```
|
|
43
|
+
|
|
44
|
+
## 开发指南
|
|
45
|
+
|
|
46
|
+
### 创建插件
|
|
47
|
+
|
|
48
|
+
在 `src/main.ts` 中，你可以通过 `createTheme().use()` 来注册插件：
|
|
49
|
+
|
|
50
|
+
```typescript
|
|
51
|
+
import { createTheme } from 'tona'
|
|
52
|
+
import './style.css'
|
|
53
|
+
|
|
54
|
+
function myPlugin() {
|
|
55
|
+
// 你的插件逻辑
|
|
56
|
+
}
|
|
57
|
+
|
|
58
|
+
createTheme().use(myPlugin)
|
|
59
|
+
```
|
|
60
|
+
|
|
61
|
+
### 样式编写
|
|
62
|
+
|
|
63
|
+
在 `src/style.css` 中编写你的主题样式。
|
|
64
|
+
|
|
65
|
+
## 了解更多
|
|
66
|
+
|
|
67
|
+
- [Tona 文档](https://github.com/guangzan/tona)
|
|
68
|
+
- [Vite 文档](https://vitejs.dev/)
|
|
69
|
+
|