@@ -3,12 +3,14 @@ title: Node.js 的品牌化
3
3
layout : about
4
4
---
5
5
6
- Node.js 的品牌化
6
+ # Node.js 的品牌化
7
7
8
8
请查阅[ 商标政策] ( https://trademark-policy.openjsf.org/ ) 以获取有关 Node.js® Logo 及标志的可使用资料。
9
9
10
10
## Node.js® 吉祥物
11
11
12
+ 感谢 [ Angela Angelini] ( https://www.linkedin.com/in/angeliningl/ ) 设计与贡献了 Rocket Turtle。
13
+
12
14
<img
13
15
alt = " Node.js 吉祥物"
14
16
src = " /static/images/node-mascot.svg"
@@ -17,56 +19,75 @@ Node.js 的品牌化
17
19
height = " 114"
18
20
/>
19
21
20
- ## Node.js® Logo
22
+ ## Node.js® Logos
23
+
24
+ ### Node.js® Hex Logo
25
+
26
+ <img
27
+ alt = " Node.js Hex Logo"
28
+ src = " /static/logos/nodejsHex.svg"
29
+ className = " w-[100px]"
30
+ width = " 100"
31
+ height = " 100"
32
+ />
21
33
22
34
### Node.js® 水平形式 Logo
23
35
24
36
<table >
25
- <tr >
26
- <td >
27
- <img alt = " Node.js 深色水平形式 Logo" src = " /static/logos/nodejsDark.svg" className = " h-[80px] w-[267px]" width = " 267" height = " 80" />
28
- </td >
29
-
30
- <td >
31
- <img alt = " Node.js 亮色水平形式 Logo" src = " /static/logos/nodejsLight.svg" className = " h-[80px] w-[267px] bg-neutral-950 p-2 dark:bg-transparent" width = " 267" height = " 80" />
32
- </td >
33
- </tr >
37
+ <tbody >
38
+ <tr >
39
+ <td >
40
+ <img alt = " Node.js 深色水平形式 Logo" src = " /static/logos/nodejsDark.svg" className = " h-[80px] w-[267px]" width = " 267" height = " 80" />
41
+ </td >
42
+
43
+ <td >
44
+ <img alt = " Node.js 亮色水平形式 Logo" src = " /static/logos/nodejsLight.svg" className = " h-[80px] w-[267px] bg-neutral-950 p-2 dark:bg-transparent" width = " 267" height = " 80" />
45
+ </td >
46
+ </tr >
47
+
48
+ </tbody >
34
49
</table >
35
50
36
51
### Node.js® 堆叠形式 Logo
37
52
38
53
<table >
39
- <tr >
40
- <td >
41
- <img alt = " Node.js 深色堆叠形式 Logo" src = " /static/logos/nodejsStackedDark.svg" className = " h-[164px] w-[267px]" width = " 267" height = " 164" />
42
- </td >
43
-
44
- <td >
45
- <img alt = " Node.js 亮色堆叠形式 Logo" src = " /static/logos/nodejsStackedLight.svg" className = " h-[164px] w-[267px] rounded-xs bg-neutral-950 p-2 dark:bg-transparent" width = " 267" height = " 164" />
46
- </td >
47
- </tr >
48
-
49
- <tr >
50
- <td >
51
- <img alt = " Node.js 黑色堆叠形式 Logo" src = " /static/logos/nodejsStackedBlack.svg" />
52
- </td >
53
-
54
- <td >
55
- <img alt = " Node.js 白色堆叠形式 Logo" src = " /static/logos/nodejsStackedWhite.svg" className = " rounded-xs bg-neutral-950 p-2 dark:bg-transparent" />
56
- </td >
57
- </tr >
54
+ <tbody >
55
+ <tr >
56
+ <td >
57
+ <img alt = " Node.js 深色堆叠形式 Logo" src = " /static/logos/nodejsStackedDark.svg" className = " h-[164px] w-[267px]" width = " 267" height = " 164" />
58
+ </td >
59
+
60
+ <td >
61
+ <img alt = " Node.js 亮色堆叠形式 Logo" src = " /static/logos/nodejsStackedLight.svg" className = " rounded-xs h-[164px] w-[267px] bg-neutral-950 p-2 dark:bg-transparent" width = " 267" height = " 164" />
62
+ </td >
63
+ </tr >
64
+
65
+ <tr >
66
+ <td >
67
+ <img alt = " Node.js 黑色堆叠形式 Logo" src = " /static/logos/nodejsStackedBlack.svg" />
68
+ </td >
69
+
70
+ <td >
71
+ <img alt = " Node.js 白色堆叠形式 Logo" src = " /static/logos/nodejsStackedWhite.svg" className = " rounded-xs bg-neutral-950 p-2 dark:bg-transparent" />
72
+ </td >
73
+ </tr >
74
+
75
+ </tbody >
58
76
</table >
59
77
60
78
### JS 图标
61
79
62
80
<table >
63
- <tr >
64
- <td >
65
- <img alt = " 绿色 JS 图标" src = " /static/logos/jsIconGreen.svg" className = " height-[80px] mx-auto w-[71px]" width = " 71" height = " 80" />
66
- </td >
67
-
68
- <td >
69
- <img alt = " 白色 JS 图标" src = " /static/logos/jsIconWhite.svg" className = " height-[80px] mx-auto w-[71px] rounded-xs bg-neutral-950 p-2 dark:bg-transparent" width = " 71" height = " 80" />
70
- </td >
71
- </tr >
81
+ <tbody >
82
+ <tr >
83
+ <td >
84
+ <img alt = " 绿色 JS 图标" src = " /static/logos/jsIconGreen.svg" className = " height-[80px] mx-auto w-[71px]" width = " 71" height = " 80" />
85
+ </td >
86
+
87
+ <td >
88
+ <img alt = " 白色 JS 图标" src = " /static/logos/jsIconWhite.svg" className = " height-[80px] rounded-xs mx-auto w-[71px] bg-neutral-950 p-2 dark:bg-transparent" width = " 71" height = " 80" />
89
+ </td >
90
+ </tr >
91
+
92
+ </tbody >
72
93
</table >
0 commit comments