multi-publisher 1.0.0

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.
Files changed (100) hide show
  1. package/LICENSE +21 -0
  2. package/README.md +370 -0
  3. package/dist/adapters/baijiahao.d.ts +14 -0
  4. package/dist/adapters/baijiahao.js +77 -0
  5. package/dist/adapters/base-adapter.d.ts +41 -0
  6. package/dist/adapters/base-adapter.js +84 -0
  7. package/dist/adapters/bilibili.d.ts +14 -0
  8. package/dist/adapters/bilibili.js +86 -0
  9. package/dist/adapters/cnblogs.d.ts +14 -0
  10. package/dist/adapters/cnblogs.js +90 -0
  11. package/dist/adapters/csdn.d.ts +29 -0
  12. package/dist/adapters/csdn.js +174 -0
  13. package/dist/adapters/cto51.d.ts +14 -0
  14. package/dist/adapters/cto51.js +72 -0
  15. package/dist/adapters/douban.d.ts +14 -0
  16. package/dist/adapters/douban.js +49 -0
  17. package/dist/adapters/eastmoney.d.ts +14 -0
  18. package/dist/adapters/eastmoney.js +47 -0
  19. package/dist/adapters/imooc.d.ts +14 -0
  20. package/dist/adapters/imooc.js +78 -0
  21. package/dist/adapters/index.d.ts +26 -0
  22. package/dist/adapters/index.js +22 -0
  23. package/dist/adapters/interface.d.ts +44 -0
  24. package/dist/adapters/interface.js +1 -0
  25. package/dist/adapters/juejin.d.ts +23 -0
  26. package/dist/adapters/juejin.js +166 -0
  27. package/dist/adapters/oschina.d.ts +14 -0
  28. package/dist/adapters/oschina.js +77 -0
  29. package/dist/adapters/registry.d.ts +61 -0
  30. package/dist/adapters/registry.js +146 -0
  31. package/dist/adapters/segmentfault.d.ts +14 -0
  32. package/dist/adapters/segmentfault.js +73 -0
  33. package/dist/adapters/sohu.d.ts +14 -0
  34. package/dist/adapters/sohu.js +72 -0
  35. package/dist/adapters/toutiao.d.ts +9 -0
  36. package/dist/adapters/toutiao.js +199 -0
  37. package/dist/adapters/wechat-publisher.d.ts +55 -0
  38. package/dist/adapters/wechat-publisher.js +210 -0
  39. package/dist/adapters/weibo.d.ts +14 -0
  40. package/dist/adapters/weibo.js +99 -0
  41. package/dist/adapters/weixin.d.ts +14 -0
  42. package/dist/adapters/weixin.js +63 -0
  43. package/dist/adapters/woshipm.d.ts +14 -0
  44. package/dist/adapters/woshipm.js +72 -0
  45. package/dist/adapters/xiaohongshu.d.ts +9 -0
  46. package/dist/adapters/xiaohongshu.js +199 -0
  47. package/dist/adapters/xueqiu.d.ts +14 -0
  48. package/dist/adapters/xueqiu.js +74 -0
  49. package/dist/adapters/yuque.d.ts +13 -0
  50. package/dist/adapters/yuque.js +25 -0
  51. package/dist/adapters/zhihu.d.ts +23 -0
  52. package/dist/adapters/zhihu.js +142 -0
  53. package/dist/cli/cookie.d.ts +5 -0
  54. package/dist/cli/cookie.js +80 -0
  55. package/dist/cli/credential.d.ts +6 -0
  56. package/dist/cli/credential.js +32 -0
  57. package/dist/cli/index.d.ts +5 -0
  58. package/dist/cli/index.js +72 -0
  59. package/dist/cli/login.d.ts +3 -0
  60. package/dist/cli/login.js +101 -0
  61. package/dist/cli/platforms.d.ts +1 -0
  62. package/dist/cli/platforms.js +35 -0
  63. package/dist/cli/publish-all.d.ts +6 -0
  64. package/dist/cli/publish-all.js +101 -0
  65. package/dist/cli/publish.d.ts +7 -0
  66. package/dist/cli/publish.js +78 -0
  67. package/dist/cli/render.d.ts +9 -0
  68. package/dist/cli/render.js +40 -0
  69. package/dist/commands/login.d.ts +43 -0
  70. package/dist/commands/login.js +248 -0
  71. package/dist/commands/publish.d.ts +19 -0
  72. package/dist/commands/publish.js +275 -0
  73. package/dist/config.d.ts +177 -0
  74. package/dist/config.js +333 -0
  75. package/dist/core/mathjax.d.ts +4 -0
  76. package/dist/core/mathjax.js +33 -0
  77. package/dist/core/parser.d.ts +17 -0
  78. package/dist/core/parser.js +42 -0
  79. package/dist/core/renderer.d.ts +18 -0
  80. package/dist/core/renderer.js +30 -0
  81. package/dist/core/styler.d.ts +8 -0
  82. package/dist/core/styler.js +11 -0
  83. package/dist/core/theme.d.ts +9 -0
  84. package/dist/core/theme.js +420 -0
  85. package/dist/index.d.ts +8 -0
  86. package/dist/index.js +7 -0
  87. package/dist/runtime/browser-runtime.d.ts +79 -0
  88. package/dist/runtime/browser-runtime.js +501 -0
  89. package/dist/runtime/index.d.ts +12 -0
  90. package/dist/runtime/index.js +1 -0
  91. package/dist/runtime/node-runtime.d.ts +5 -0
  92. package/dist/runtime/node-runtime.js +25 -0
  93. package/dist/tools/xiaohongshu-sniffer.d.ts +1 -0
  94. package/dist/tools/xiaohongshu-sniffer.js +54 -0
  95. package/package.json +62 -0
  96. package/themes/all-themes-preview.html +522 -0
  97. package/themes/previews/cyberpunk.png +0 -0
  98. package/themes/previews/minimal.png +0 -0
  99. package/themes/previews/nord.png +0 -0
  100. package/themes/previews/wechat.png +0 -0
package/themes/all-themes-preview.html ADDED
@@ -0,0 +1,522 @@
1
+ <!DOCTYPE html>
2
+ <html lang="zh-CN">
3
+ <head>
4
+ <meta charset="UTF-8">
5
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
+ <title>所有主题预览 - multi-publisher</title>
7
+ <style>
8
+ * { box-sizing: border-box; margin: 0; padding: 0; }
9
+ body { font-family: system-ui, -apple-system, sans-serif; background: #1a1a2e; color: #fff; padding: 2rem; }
10
+ h1 { text-align: center; margin-bottom: 0.5rem; color: #fff; font-size: 2rem; }
11
+ .subtitle { text-align: center; color: #888; margin-bottom: 2rem; font-size: 0.9rem; }
12
+ .grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(420px, 1fr)); gap: 2rem; max-width: 1600px; margin: 0 auto; }
13
+ .preview-card { background: #16213e; border-radius: 16px; overflow: hidden; box-shadow: 0 8px 32px rgba(0,0,0,0.4); }
14
+ .preview-header { padding: 1rem 1.5rem; background: #0f3460; font-weight: 600; display: flex; justify-content: space-between; align-items: center; }
15
+ .preview-body { padding: 1.5rem; max-height: 480px; overflow-y: auto; font-size: 13px; }
16
+ .preview-footer { padding: 0.75rem 1.5rem; background: #0f3460; font-size: 0.8rem; color: #88c0d0; }
17
+ .badge { font-size: 0.7rem; padding: 0.2rem 0.6rem; border-radius: 20px; background: rgba(255,255,255,0.15); }
18
+
19
+ /* ===================== */
20
+ /* 1. Wechat */
21
+ .wechat { background: #fff; color: rgb(47, 47, 47); font-size: 14px; line-height: 1.8em; }
22
+ .wechat h1 { color: rgb(30, 30, 30); font-size: 1.35em; border-bottom: 1px solid #e8e8e8; padding-bottom: 0.3em; margin-bottom: 1rem; }
23
+ .wechat h2 { color: rgb(30, 30, 30); font-size: 1.2em; margin: 1em 0 0.5em; font-weight: bold; }
24
+ .wechat h3 { color: rgb(30, 30, 30); font-size: 1.1em; }
25
+ .wechat p { color: rgb(47, 47, 47); margin-bottom: 1em; }
26
+ .wechat code { background: rgba(27, 31, 35, 0.06); border-radius: 3px; padding: 0.15em 0.4em; color: #e74c3c; font-family: monospace; }
27
+ .wechat pre { background: #f8f8f8; border-radius: 8px; padding: 16px; overflow-x: auto; margin: 1em 0; border: 1px solid #e8e8e8; }
28
+ .wechat pre code { background: none; padding: 0; color: #333; }
29
+ .wechat blockquote { border-left: 3px solid #c8a96e; background: #faf9f7; padding: 0.5em 1em; margin: 1em 0; color: #666; }
30
+ .wechat a { color: #576b95; text-decoration: none; border-bottom: 1px solid rgba(87, 107, 149, 0.3); }
31
+ .wechat table { border-collapse: collapse; width: 100%; margin: 1em 0; }
32
+ .wechat th, .wechat td { border: 1px solid #e8e8e8; padding: 8px 12px; }
33
+ .wechat th { background: #f8f8f8; font-weight: bold; }
34
+ .wechat ul, .wechat ol { padding-left: 1.8em; margin: 0.8em 0; }
35
+ .wechat li { margin-bottom: 0.4em; }
36
+
37
+ /* ===================== */
38
+ /* 2. Cyberpunk */
39
+ .cyberpunk { background: linear-gradient(135deg, #0d0221 0%, #0a0a1f 100%); color: #c8c8ff; font-size: 14px; line-height: 1.8em; }
40
+ .cyberpunk h1 { color: #00fff5; text-shadow: 0 0 20px #00fff5; font-size: 1.5em; margin-bottom: 1rem; border-bottom: 2px solid #ff00ff; padding-bottom: 0.4em; }
41
+ .cyberpunk h2 { color: #ff00ff; text-shadow: 0 0 10px #ff00ff; font-size: 1.2em; margin: 1.2em 0 0.6em; }
42
+ .cyberpunk h3 { color: #00fff5; font-size: 1.05em; }
43
+ .cyberpunk p { color: #c8c8ff; margin-bottom: 1em; }
44
+ .cyberpunk code { background: linear-gradient(90deg, #ff00ff22, #00fff522); border: 1px solid #ff00ff55; border-radius: 4px; padding: 0.2em 0.5em; color: #00fff5; }
45
+ .cyberpunk pre { background: linear-gradient(135deg, #0d022155, #0a0a1f); border: 1px solid #ff00ff33; border-radius: 8px; padding: 16px; overflow-x: auto; margin: 1em 0; box-shadow: 0 0 20px #ff00ff22; }
46
+ .cyberpunk pre code { background: none; border: none; padding: 0; color: #00fff5; }
47
+ .cyberpunk blockquote { border-left: 3px solid #ff00ff; background: linear-gradient(90deg, #ff00ff11, transparent); padding: 0.8rem 1rem; margin: 1em 0; color: #ff88ff; }
48
+ .cyberpunk a { color: #00fff5; text-decoration: none; border-bottom: 1px solid #00fff5; }
49
+ .cyberpunk table { width: 100%; border-collapse: collapse; margin: 1em 0; }
50
+ .cyberpunk th { background: linear-gradient(90deg, #ff00ff33, #00fff533); padding: 8px; border: 1px solid #ff00ff44; color: #00fff5; }
51
+ .cyberpunk td { padding: 6px; border: 1px solid #ff00ff22; color: #c8c8ff; }
52
+ .cyberpunk ul, .cyberpunk ol { padding-left: 1.5em; margin: 0.8em 0; }
53
+ .cyberpunk li { margin-bottom: 0.4em; }
54
+
55
+ /* ===================== */
56
+ /* 3. Nord */
57
+ .nord { background: #2e3440; color: #eceff4; font-size: 14px; line-height: 1.8em; }
58
+ .nord h1 { color: #88c0d0; font-size: 1.5em; margin-bottom: 1rem; padding-bottom: 0.4em; border-bottom: 2px solid #4c566a; }
59
+ .nord h2 { color: #81a1c1; font-size: 1.2em; margin: 1.2em 0 0.6em; }
60
+ .nord h3 { color: #88c0d0; font-size: 1.05em; }
61
+ .nord p { color: #d8dee9; margin-bottom: 1em; }
62
+ .nord code { background: #3b4252; border-radius: 4px; padding: 0.2em 0.5em; color: #a3be8c; }
63
+ .nord pre { background: #3b4252; border-radius: 8px; padding: 16px; overflow-x: auto; margin: 1em 0; border-left: 3px solid #88c0d0; }
64
+ .nord pre code { background: none; padding: 0; color: #eceff4; }
65
+ .nord blockquote { border-left: 3px solid #5e81ac; background: #3b425255; padding: 0.8rem 1rem; margin: 1em 0; color: #d8dee9; font-style: italic; }
66
+ .nord a { color: #88c0d0; text-decoration: none; }
67
+ .nord table { width: 100%; border-collapse: collapse; margin: 1em 0; }
68
+ .nord th { background: #3b4252; padding: 8px; border: 1px solid #4c566a; color: #88c0d0; }
69
+ .nord td { padding: 6px; border: 1px solid #4c566a55; }
70
+ .nord ul, .nord ol { padding-left: 1.5em; margin: 0.8em 0; }
71
+ .nord li { margin-bottom: 0.4em; }
72
+
73
+ /* ===================== */
74
+ /* 4. Paper */
75
+ .paper { background: #faf8f5; color: #333; font-size: 14px; line-height: 2; font-family: Georgia, serif; background-image: linear-gradient(transparent 95%, #e8e4dc 95%); background-size: 100% 2em; }
76
+ .paper h1 { color: #1a1a1a; font-size: 1.6em; margin-bottom: 1rem; text-align: center; letter-spacing: 0.05em; text-indent: 0; }
77
+ .paper h2 { color: #2d2d2d; font-size: 1.3em; border-bottom: 1px solid #ccc; padding-bottom: 0.3em; margin: 1.2em 0 0.6em; text-indent: 0; }
78
+ .paper h3 { color: #3d3d3d; font-size: 1.1em; text-indent: 0; }
79
+ .paper p { color: #444; margin-bottom: 1em; text-indent: 2em; }
80
+ .paper code { background: #f5f5f5; border: 1px solid #ddd; border-radius: 3px; padding: 0.15em 0.4em; color: #c7254e; font-family: Courier New, monospace; font-size: 0.9em; }
81
+ .paper pre { background: #f5f5f5; border: 1px solid #ddd; border-radius: 6px; padding: 16px; overflow-x: auto; margin: 1em 0; font-family: Courier New, monospace; }
82
+ .paper pre code { background: none; border: none; padding: 0; color: #333; }
83
+ .paper blockquote { border-left: 3px solid #c8a96e; background: #f9f7f3; padding: 0.8rem 1rem; margin: 1em 0; color: #666; font-style: italic; }
84
+ .paper a { color: #0969da; text-decoration: none; border-bottom: 1px dashed #0969da; }
85
+ .paper table { border-collapse: collapse; width: 100%; margin: 1em 0; }
86
+ .paper th { background: #f5f5f5; padding: 8px; border: 1px solid #ddd; color: #333; }
87
+ .paper td { padding: 6px; border: 1px solid #ddd; }
88
+ .paper ul, .paper ol { padding-left: 2em; margin: 0.8em 0; }
89
+ .paper li { margin-bottom: 0.4em; }
90
+
91
+ /* ===================== */
92
+ /* 5. Gradient */
93
+ .gradient { background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); color: #fff; font-size: 14px; line-height: 1.8em; }
94
+ .gradient h1 { font-size: 1.6em; margin-bottom: 1rem; text-align: center; background: linear-gradient(90deg, #fff, #e0e0ff); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
95
+ .gradient h2 { color: #e0e0ff; font-size: 1.2em; border-bottom: 1px solid rgba(255,255,255,0.3); padding-bottom: 0.3em; margin: 1.2em 0 0.6em; }
96
+ .gradient h3 { color: #fff; font-size: 1.05em; }
97
+ .gradient p { color: rgba(255,255,255,0.9); margin-bottom: 1em; }
98
+ .gradient code { background: rgba(255,255,255,0.15); border-radius: 4px; padding: 0.2em 0.5em; color: #fff; }
99
+ .gradient pre { background: rgba(0,0,0,0.3); border-radius: 12px; padding: 16px; overflow-x: auto; margin: 1em 0; backdrop-filter: blur(10px); }
100
+ .gradient pre code { background: none; padding: 0; color: #e0e0ff; }
101
+ .gradient blockquote { background: rgba(255,255,255,0.1); border-left: 3px solid #fff; border-radius: 0 8px 8px 0; padding: 0.8rem 1rem; margin: 1em 0; color: rgba(255,255,255,0.9); }
102
+ .gradient a { color: #fff; text-decoration: none; border-bottom: 1px solid rgba(255,255,255,0.5); }
103
+ .gradient table { width: 100%; border-collapse: collapse; margin: 1em 0; background: rgba(255,255,255,0.1); border-radius: 8px; overflow: hidden; }
104
+ .gradient th { background: rgba(255,255,255,0.2); padding: 8px; color: #fff; }
105
+ .gradient td { padding: 6px; border-bottom: 1px solid rgba(255,255,255,0.1); }
106
+ .gradient ul, .gradient ol { padding-left: 1.5em; margin: 0.8em 0; }
107
+ .gradient li { margin-bottom: 0.4em; }
108
+
109
+ /* ===================== */
110
+ /* 6. Dark Elite */
111
+ .darkelite { background: #0f1115; color: #c9d1d9; font-size: 14px; line-height: 1.8em; }
112
+ .darkelite h1 { color: #fff; font-size: 1.5em; margin-bottom: 1rem; padding-bottom: 0.4em; border-bottom: 1px solid #30363d; }
113
+ .darkelite h2 { color: #58a6ff; font-size: 1.2em; margin: 1.2em 0 0.6em; }
114
+ .darkelite h3 { color: #8b949e; font-size: 1.05em; }
115
+ .darkelite p { color: #c9d1d9; margin-bottom: 1em; }
116
+ .darkelite code { background: #21262d; border: 1px solid #30363d; border-radius: 4px; padding: 0.2em 0.5em; color: #f0883e; }
117
+ .darkelite pre { background: #161b22; border: 1px solid #30363d; border-radius: 6px; padding: 16px; overflow-x: auto; margin: 1em 0; }
118
+ .darkelite pre code { background: none; border: none; padding: 0; color: #c9d1d9; }
119
+ .darkelite blockquote { border-left: 3px solid #238636; background: #161b22; padding: 0.8rem 1rem; margin: 1em 0; color: #8b949e; }
120
+ .darkelite a { color: #58a6ff; text-decoration: none; }
121
+ .darkelite table { width: 100%; border-collapse: collapse; margin: 1em 0; border: 1px solid #30363d; }
122
+ .darkelite th { background: #161b22; padding: 8px; border: 1px solid #30363d; color: #58a6ff; }
123
+ .darkelite td { padding: 6px; border: 1px solid #30363d; }
124
+ .darkelite ul, .darkelite ol { padding-left: 1.5em; margin: 0.8em 0; }
125
+ .darkelite li { margin-bottom: 0.4em; }
126
+
127
+ /* ===================== */
128
+ /* 7. Sunset */
129
+ .sunset { background: linear-gradient(180deg, #1a1a2e 0%, #16213e 50%, #1a1a2e 100%); color: #ddd; font-size: 14px; line-height: 1.8em; }
130
+ .sunset h1 { color: #ff6b6b; font-size: 1.5em; margin-bottom: 1rem; text-align: center; text-shadow: 0 0 30px #ff6b6b55; }
131
+ .sunset h2 { color: #ffa07a; font-size: 1.2em; border-bottom: 1px solid #ffa07a44; padding-bottom: 0.3em; margin: 1.2em 0 0.6em; }
132
+ .sunset h3 { color: #ffd93d; font-size: 1.05em; }
133
+ .sunset p { color: #ddd; margin-bottom: 1em; }
134
+ .sunset code { background: #2d2d44; border-radius: 4px; padding: 0.2em 0.5em; color: #ffd93d; }
135
+ .sunset pre { background: #2d2d44; border-radius: 8px; padding: 16px; overflow-x: auto; margin: 1em 0; border-left: 3px solid #ff6b6b; }
136
+ .sunset pre code { background: none; padding: 0; color: #ffa07a; }
137
+ .sunset blockquote { background: linear-gradient(90deg, #ff6b6b11, transparent); border-left: 3px solid #ff6b6b; padding: 0.8rem 1rem; margin: 1em 0; color: #bbb; }
138
+ .sunset a { color: #ffa07a; text-decoration: none; }
139
+ .sunset table { width: 100%; border-collapse: collapse; margin: 1em 0; }
140
+ .sunset th { background: #2d2d44; padding: 8px; border: 1px solid #444; color: #ffd93d; }
141
+ .sunset td { padding: 6px; border: 1px solid #444; }
142
+ .sunset ul, .sunset ol { padding-left: 1.5em; margin: 0.8em 0; }
143
+ .sunset li { margin-bottom: 0.4em; }
144
+
145
+ /* ===================== */
146
+ /* 8. Zen */
147
+ .zen { background: #f7f5f0; color: #4a4a4a; font-size: 14px; line-height: 2em; font-family: 'Noto Serif SC', serif; }
148
+ .zen h1 { color: #2d2d2d; font-size: 1.5em; margin-bottom: 1rem; text-align: center; letter-spacing: 0.15em; border-bottom: 1px solid #d4d4d4; padding-bottom: 0.5em; font-weight: normal; }
149
+ .zen h2 { color: #2d2d2d; font-size: 1.2em; border-left: 3px solid #8b7355; padding-left: 0.8em; margin: 1.2em 0 0.6em; font-weight: normal; }
150
+ .zen h3 { color: #5a5a5a; font-size: 1.05em; font-weight: normal; }
151
+ .zen p { color: #4a4a4a; margin-bottom: 1.2em; }
152
+ .zen code { background: #ebe8e0; border-radius: 3px; padding: 0.15em 0.4em; color: #6b5b4f; }
153
+ .zen pre { background: #ebe8e0; border-radius: 4px; padding: 16px; overflow-x: auto; margin: 1.2em 0; border-left: 2px solid #8b7355; }
154
+ .zen pre code { background: none; padding: 0; color: #4a4a4a; }
155
+ .zen blockquote { border-left: none; border-top: 1px solid #d4d4d4; border-bottom: 1px solid #d4d4d4; background: none; padding: 1em 1.5em; margin: 1.5em 0; color: #7a7a7a; text-align: center; font-style: normal; }
156
+ .zen hr { border: none; text-align: center; margin: 2em 0; }
157
+ .zen hr::after { content: '· · ·'; color: #8b7355; letter-spacing: 0.5em; font-size: 1.2em; }
158
+ .zen a { color: #8b7355; text-decoration: none; border-bottom: 1px solid transparent; }
159
+ .zen a:hover { border-bottom-color: #8b7355; }
160
+ .zen table { width: 100%; border-collapse: collapse; margin: 1.2em 0; }
161
+ .zen th { color: #8b7355; padding: 8px; border-top: 1px solid #d4d4d4; text-align: left; font-weight: normal; }
162
+ .zen td { padding: 6px; border-top: 1px solid #d4d4d4; }
163
+ .zen ul, .zen ol { padding-left: 1.5em; margin: 0.8em 0; }
164
+ .zen li { margin-bottom: 0.4em; }
165
+
166
+ /* ===================== */
167
+ /* 9. Retro Futurism */
168
+ .retro { background: #0d0d1a; background-image: repeating-linear-gradient(0deg, transparent, transparent 40px, #1a1a2e 40px, #1a1a2e 41px), repeating-linear-gradient(90deg, transparent, transparent 40px, #1a1a2e 40px, #1a1a2e 41px); color: #e0e0e0; font-size: 14px; line-height: 1.7em; }
169
+ .retro h1 { color: #ff6ec7; font-size: 1.4em; margin-bottom: 1rem; text-shadow: 3px 3px 0 #00d4ff, -1px -1px 0 #ffff00; transform: skewX(-5deg); text-transform: uppercase; letter-spacing: 0.1em; }
170
+ .retro h2 { color: #00d4ff; font-size: 1.15em; border-bottom: 2px solid #ff6ec7; padding-bottom: 0.2em; margin: 1.2em 0 0.6em; text-transform: uppercase; }
171
+ .retro h3 { color: #ffff00; font-size: 1em; text-transform: uppercase; }
172
+ .retro p { color: #e0e0e0; margin-bottom: 1em; }
173
+ .retro code { background: #ff6ec755; border: 1px solid #ff6ec7; border-radius: 0; padding: 0.2em 0.5em; color: #ff6ec7; font-family: Courier New, monospace; }
174
+ .retro pre { background: linear-gradient(135deg, #1a1a2e, #0d0d1a); border: 2px solid #ff6ec7; border-radius: 0; padding: 16px; overflow-x: auto; margin: 1em 0; box-shadow: 5px 5px 0 #00d4ff; }
175
+ .retro pre code { background: none; border: none; padding: 0; color: #00d4ff; box-shadow: none; }
176
+ .retro blockquote { border-left: 4px solid #ffff00; background: #1a1a2e; padding: 0.8rem 1rem; margin: 1em 0; color: #e0e0e0; transform: skewX(-3deg); }
177
+ .retro a { color: #00d4ff; text-decoration: none; text-transform: uppercase; }
178
+ .retro a:hover { color: #ff6ec7; text-shadow: 0 0 10px #ff6ec7; }
179
+ .retro table { border-collapse: separate; border-spacing: 2px; width: 100%; margin: 1em 0; }
180
+ .retro th { background: #1a1a2e; padding: 6px 10px; border: 1px solid #ff6ec7; color: #ffff00; text-align: center; }
181
+ .retro td { background: #1a1a2e; padding: 5px 8px; border: 1px solid #ff6ec7; color: #e0e0e0; }
182
+ .retro ul, .retro ol { padding-left: 1.5em; margin: 0.8em 0; }
183
+ .retro li { margin-bottom: 0.4em; }
184
+
185
+ /* ===================== */
186
+ /* 10. Midnight Library */
187
+ .midnight { background: #0f1a14; color: #d4c5a9; font-size: 14px; line-height: 1.9em; font-family: Lora, serif; background-image: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%231a2f23' fill-opacity='0.2'%3E%3Cpath d='M20 20v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zM6 20v-4H4v4H0v2h4v4h2v-4h4v-2H6z'/%3E%3C/g%3E%3C/svg%3E"); }
188
+ .midnight h1 { color: #f5e6c8; font-size: 1.5em; margin-bottom: 1rem; text-align: center; text-shadow: 0 0 40px #ffd70044; border-bottom: 1px solid #3d5a45; padding-bottom: 0.5em; font-family: 'Playfair Display', serif; }
189
+ .midnight h2 { color: #c9a962; font-size: 1.2em; border-left: 3px solid #8b7355; padding-left: 0.8em; margin: 1.2em 0 0.6em; font-family: 'Playfair Display', serif; }
190
+ .midnight h3 { color: #b8956e; font-size: 1.05em; font-family: 'Playfair Display', serif; }
191
+ .midnight p { color: #d4c5a9; margin-bottom: 1em; }
192
+ .midnight code { background: #2a3f33; border-radius: 3px; padding: 0.15em 0.4em; color: #ffd700; }
193
+ .midnight pre { background: #1a2f23; border: 1px solid #3d5a45; border-radius: 4px; padding: 16px; overflow-x: auto; margin: 1em 0; box-shadow: inset 0 0 20px #0d1a1444; }
194
+ .midnight pre code { background: none; padding: 0; color: #d4c5a9; }
195
+ .midnight blockquote { border-left: 3px solid #8b7355; background: linear-gradient(90deg, #1a2f2344, transparent); padding: 0.8rem 1rem; margin: 1.2em 0; color: #b8956e; font-style: italic; }
196
+ .midnight hr { border: none; border-top: 1px solid #3d5a45; margin: 2em 0; }
197
+ .midnight a { color: #c9a962; text-decoration: none; border-bottom: 1px dotted #8b7355; }
198
+ .midnight a:hover { color: #ffd700; border-bottom-color: #ffd700; }
199
+ .midnight table { border-collapse: collapse; width: 100%; margin: 1em 0; }
200
+ .midnight th { background: #1a2f23; padding: 8px; border: 1px solid #3d5a45; color: #c9a962; text-align: left; }
201
+ .midnight td { padding: 6px; border: 1px solid #3d5a45; }
202
+ .midnight ul, .midnight ol { padding-left: 1.5em; margin: 0.8em 0; }
203
+ .midnight li { margin-bottom: 0.4em; }
204
+
205
+ /* ===================== */
206
+ /* 11. Brutalism */
207
+ .brutalism { background: #fff; color: #000; font-size: 14px; line-height: 1.6em; }
208
+ .brutalism h1 { color: #000; font-size: 1.8em; margin-bottom: 0.8rem; border: 4px solid #000; padding: 0.2em 0.4em; display: inline-block; transform: rotate(-1deg); font-weight: 900; text-transform: uppercase; }
209
+ .brutalism h2 { color: #000; font-size: 1.3em; border-bottom: 4px solid #000; padding-bottom: 0.2em; margin: 1em 0 0.5em; font-weight: 900; text-transform: uppercase; }
210
+ .brutalism h3 { color: #000; font-size: 1.1em; font-weight: 900; text-transform: uppercase; }
211
+ .brutalism p { color: #000; margin-bottom: 0.8em; font-weight: 500; }
212
+ .brutalism code { background: #000; border-radius: 0; padding: 0.2em 0.4em; color: #fff; font-family: monospace; font-weight: bold; }
213
+ .brutalism pre { background: #000; border-radius: 0; padding: 16px; overflow-x: auto; margin: 1em 0; }
214
+ .brutalism pre code { background: none; padding: 0; color: #fff; }
215
+ .brutalism blockquote { border: 4px solid #000; background: #f0f0f0; padding: 0.8rem 1rem; margin: 1em 0; }
216
+ .brutalism blockquote p { font-size: 1.1em; font-weight: 900; margin: 0; }
217
+ .brutalism hr { border: none; border-top: 4px solid #000; margin: 2em 0; }
218
+ .brutalism a { color: #000; text-decoration: none; background: #ffff00; padding: 0 0.2em; font-weight: bold; }
219
+ .brutalism a:hover { background: #000; color: #fff; }
220
+ .brutalism table { border-collapse: collapse; width: 100%; margin: 1em 0; border: 4px solid #000; }
221
+ .brutalism th { background: #000; padding: 8px; border: 2px solid #000; color: #fff; font-weight: 900; text-transform: uppercase; }
222
+ .brutalism td { padding: 6px; border: 2px solid #000; }
223
+ .brutalism ul, .brutalism ol { padding-left: 1.5em; margin: 0.8em 0; }
224
+ .brutalism li { margin-bottom: 0.4em; font-weight: 600; }
225
+
226
+ /* ===================== */
227
+ /* 12. Neumorphism */
228
+ .neumorphism { background: #e0e5ec; color: #4a5568; font-size: 14px; line-height: 1.8em; }
229
+ .neumorphism h1 { color: #2d3748; font-size: 1.4em; margin-bottom: 1rem; text-align: center; text-shadow: 6px 6px 12px #b8bcc2, -6px -6px 12px #ffffff; padding: 0.5em; font-weight: 600; }
230
+ .neumorphism h2 { color: #4a5568; font-size: 1.15em; border-left: 4px solid #7c3aed; padding-left: 0.6em; margin: 1em 0 0.5em; font-weight: 600; }
231
+ .neumorphism h3 { color: #5a6577; font-size: 1.02em; font-weight: 600; }
232
+ .neumorphism p { color: #4a5568; margin-bottom: 1em; }
233
+ .neumorphism code { background: #e0e5ec; border-radius: 8px; padding: 0.2em 0.5em; color: #7c3aed; box-shadow: inset 2px 2px 4px #b8bcc2, inset -2px -2px 4px #ffffff; }
234
+ .neumorphism pre { background: #e0e5ec; border-radius: 16px; padding: 16px; overflow-x: auto; margin: 1em 0; box-shadow: 8px 8px 16px #b8bcc2, -8px -8px 16px #ffffff; }
235
+ .neumorphism pre code { background: none; padding: 0; color: #4a5568; box-shadow: none; }
236
+ .neumorphism blockquote { background: #e0e5ec; border-radius: 16px; padding: 1rem 1.5rem; margin: 1em 0; color: #5a6577; box-shadow: 8px 8px 16px #b8bcc2, -8px -8px 16px #ffffff; border-left: 4px solid #7c3aed; }
237
+ .neumorphism hr { border: none; margin: 1.5em 0; }
238
+ .neumorphism hr::after { content: '···'; color: #7c3aed; font-size: 1.3em; letter-spacing: 0.5em; }
239
+ .neumorphism a { color: #7c3aed; text-decoration: none; font-weight: 600; }
240
+ .neumorphism a:hover { color: #5b21b6; }
241
+ .neumorphism table { border-collapse: collapse; width: 100%; margin: 1em 0; background: #e0e5ec; border-radius: 16px; overflow: hidden; box-shadow: 8px 8px 16px #b8bcc2, -8px -8px 16px #ffffff; }
242
+ .neumorphism th { background: linear-gradient(145deg, #e6ebf2, #d1d9e6); padding: 10px; color: #7c3aed; font-weight: 600; }
243
+ .neumorphism td { padding: 8px 10px; }
244
+ .neumorphism ul, .neumorphism ol { padding-left: 1.5em; margin: 0.8em 0; }
245
+ .neumorphism li { margin-bottom: 0.4em; }
246
+
247
+ </style>
248
+ </head>
249
+ <body>
250
+
251
+ <h1>🎨 所有主题预览</h1>
252
+ <p class="subtitle">共 12 款主题 — multi-publisher</p>
253
+
254
+ <div class="grid">
255
+
256
+ <!-- 1. Wechat -->
257
+ <div class="preview-card">
258
+ <div class="preview-header"><span>Wechat 微信风格</span><span class="badge">保留</span></div>
259
+ <div class="preview-body wechat">
260
+ <h1>Claude Code 实战指南</h1>
261
+ <p>大家好，我是张三。今天给大家分享一个强大的 AI 编程助手——<strong>Claude Code</strong>。</p>
262
+ <h2>为什么选择？</h2>
263
+ <p>它能帮助你快速完成编码任务：</p>
264
+ <ul>
265
+ <li>自动完成重复性编码</li>
266
+ <li>修复 Bug 和重构代码</li>
267
+ <li>生成测试用例</li>
268
+ </ul>
269
+ <blockquote>告别繁琐的复制粘贴，让 AI 成为你的编程搭档！</blockquote>
270
+ <p>首先，确保你已经安装了 <code>Node.js 18+</code></p>
271
+ <pre><code>npm install -g @anthropic-ai/claude-code</code></pre>
272
+ <table><tr><th>语言</th><th>领域</th></tr><tr><td>Python</td><td>数据科学</td></tr></table>
273
+ <p><a href="#">访问官方文档</a></p>
274
+ </div>
275
+ <div class="preview-footer">适用：微信公众号</div>
276
+ </div>
277
+
278
+ <!-- 2. Cyberpunk -->
279
+ <div class="preview-card">
280
+ <div class="preview-header"><span>2. Cyberpunk 赛博朋克</span><span class="badge">炫酷霓虹</span></div>
281
+ <div class="preview-body cyberpunk">
282
+ <h1>Claude Code 实战指南</h1>
283
+ <p>大家好，我是张三。今天给大家分享一个强大的 AI 编程助手——<strong>Claude Code</strong>。</p>
284
+ <h2>为什么选择？</h2>
285
+ <p>它能帮助你快速完成编码任务：</p>
286
+ <ul>
287
+ <li>自动完成重复性编码</li>
288
+ <li>修复 Bug 和重构代码</li>
289
+ <li>生成测试用例</li>
290
+ </ul>
291
+ <blockquote>告别繁琐的复制粘贴，让 AI 成为你的编程搭档！</blockquote>
292
+ <p>首先，确保你已经安装了 <code>Node.js 18+</code></p>
293
+ <pre><code>npm install -g @anthropic-ai/claude-code</code></pre>
294
+ <table><tr><th>语言</th><th>领域</th></tr><tr><td>Python</td><td>数据科学</td></tr></table>
295
+ <p><a href="#">访问官方文档</a></p>
296
+ </div>
297
+ <div class="preview-footer">适用：技术博客 / 极客风格</div>
298
+ </div>
299
+
300
+ <!-- 3. Nord -->
301
+ <div class="preview-card">
302
+ <div class="preview-header"><span>3. Nord 北欧冷淡</span><span class="badge">简洁克制</span></div>
303
+ <div class="preview-body nord">
304
+ <h1>Claude Code 实战指南</h1>
305
+ <p>大家好，我是张三。今天给大家分享一个强大的 AI 编程助手——<strong>Claude Code</strong>。</p>
306
+ <h2>为什么选择？</h2>
307
+ <p>它能帮助你快速完成编码任务：</p>
308
+ <ul>
309
+ <li>自动完成重复性编码</li>
310
+ <li>修复 Bug 和重构代码</li>
311
+ <li>生成测试用例</li>
312
+ </ul>
313
+ <blockquote>告别繁琐的复制粘贴，让 AI 成为你的编程搭档！</blockquote>
314
+ <p>首先，确保你已经安装了 <code>Node.js 18+</code></p>
315
+ <pre><code>npm install -g @anthropic-ai/claude-code</code></pre>
316
+ <table><tr><th>语言</th><th>领域</th></tr><tr><td>Python</td><td>数据科学</td></tr></table>
317
+ <p><a href="#">访问官方文档</a></p>
318
+ </div>
319
+ <div class="preview-footer">适用：技术文档 / 程序员</div>
320
+ </div>
321
+
322
+ <!-- 4. Paper -->
323
+ <div class="preview-card">
324
+ <div class="preview-header"><span>4. Paper 笔记本</span><span class="badge">文艺复古</span></div>
325
+ <div class="preview-body paper">
326
+ <h1>Claude Code 实战指南</h1>
327
+ <p>大家好，我是张三。今天给大家分享一个强大的 AI 编程助手——<strong>Claude Code</strong>。</p>
328
+ <h2>为什么选择？</h2>
329
+ <p>它能帮助你快速完成编码任务：</p>
330
+ <ul>
331
+ <li>自动完成重复性编码</li>
332
+ <li>修复 Bug 和重构代码</li>
333
+ <li>生成测试用例</li>
334
+ </ul>
335
+ <blockquote>告别繁琐的复制粘贴，让 AI 成为你的编程搭档！</blockquote>
336
+ <p>首先，确保你已经安装了 <code>Node.js 18+</code></p>
337
+ <pre><code>npm install -g @anthropic-ai/claude-code</code></pre>
338
+ <table><tr><th>语言</th><th>领域</th></tr><tr><td>Python</td><td>数据科学</td></tr></table>
339
+ <p><a href="#">访问官方文档</a></p>
340
+ </div>
341
+ <div class="preview-footer">适用：个人日记 / 文艺风格</div>
342
+ </div>
343
+
344
+ <!-- 5. Gradient -->
345
+ <div class="preview-card">
346
+ <div class="preview-header"><span>5. Gradient 现代渐变</span><span class="badge">年轻活力</span></div>
347
+ <div class="preview-body gradient">
348
+ <h1>Claude Code 实战指南</h1>
349
+ <p>大家好，我是张三。今天给大家分享一个强大的 AI 编程助手——<strong>Claude Code</strong>。</p>
350
+ <h2>为什么选择？</h2>
351
+ <p>它能帮助你快速完成编码任务：</p>
352
+ <ul>
353
+ <li>自动完成重复性编码</li>
354
+ <li>修复 Bug 和重构代码</li>
355
+ <li>生成测试用例</li>
356
+ </ul>
357
+ <blockquote>告别繁琐的复制粘贴，让 AI 成为你的编程搭档！</blockquote>
358
+ <p>首先，确保你已经安装了 <code>Node.js 18+</code></p>
359
+ <pre><code>npm install -g @anthropic-ai/claude-code</code></pre>
360
+ <table><tr><th>语言</th><th>领域</th></tr><tr><td>Python</td><td>数据科学</td></tr></table>
361
+ <p><a href="#">访问官方文档</a></p>
362
+ </div>
363
+ <div class="preview-footer">适用：社交媒体 / 吸引眼球</div>
364
+ </div>
365
+
366
+ <!-- 6. Dark Elite -->
367
+ <div class="preview-card">
368
+ <div class="preview-header"><span>6. Dark Elite 深色精英</span><span class="badge">专业硬核</span></div>
369
+ <div class="preview-body darkelite">
370
+ <h1>Claude Code 实战指南</h1>
371
+ <p>大家好，我是张三。今天给大家分享一个强大的 AI 编程助手——<strong>Claude Code</strong>。</p>
372
+ <h2>为什么选择？</h2>
373
+ <p>它能帮助你快速完成编码任务：</p>
374
+ <ul>
375
+ <li>自动完成重复性编码</li>
376
+ <li>修复 Bug 和重构代码</li>
377
+ <li>生成测试用例</li>
378
+ </ul>
379
+ <blockquote>告别繁琐的复制粘贴，让 AI 成为你的编程搭档！</blockquote>
380
+ <p>首先，确保你已经安装了 <code>Node.js 18+</code></p>
381
+ <pre><code>npm install -g @anthropic-ai/claude-code</code></pre>
382
+ <table><tr><th>语言</th><th>领域</th></tr><tr><td>Python</td><td>数据科学</td></tr></table>
383
+ <p><a href="#">访问官方文档</a></p>
384
+ </div>
385
+ <div class="preview-footer">适用：程序员 / GitHub风格</div>
386
+ </div>
387
+
388
+ <!-- 7. Sunset -->
389
+ <div class="preview-card">
390
+ <div class="preview-header"><span>7. Sunset 日落暖调</span><span class="badge">温暖治愈</span></div>
391
+ <div class="preview-body sunset">
392
+ <h1>Claude Code 实战指南</h1>
393
+ <p>大家好，我是张三。今天给大家分享一个强大的 AI 编程助手——<strong>Claude Code</strong>。</p>
394
+ <h2>为什么选择？</h2>
395
+ <p>它能帮助你快速完成编码任务：</p>
396
+ <ul>
397
+ <li>自动完成重复性编码</li>
398
+ <li>修复 Bug 和重构代码</li>
399
+ <li>生成测试用例</li>
400
+ </ul>
401
+ <blockquote>告别繁琐的复制粘贴，让 AI 成为你的编程搭档！</blockquote>
402
+ <p>首先，确保你已经安装了 <code>Node.js 18+</code></p>
403
+ <pre><code>npm install -g @anthropic-ai/claude-code</code></pre>
404
+ <table><tr><th>语言</th><th>领域</th></tr><tr><td>Python</td><td>数据科学</td></tr></table>
405
+ <p><a href="#">访问官方文档</a></p>
406
+ </div>
407
+ <div class="preview-footer">适用：生活分享 / 温暖风格</div>
408
+ </div>
409
+
410
+ <!-- 8. Zen -->
411
+ <div class="preview-card">
412
+ <div class="preview-header"><span>8. Zen 禅意风格</span><span class="badge">日式极简</span></div>
413
+ <div class="preview-body zen">
414
+ <h1>Claude Code 实战指南</h1>
415
+ <p>大家好，我是张三。今天给大家分享一个强大的 AI 编程助手——<strong>Claude Code</strong>。</p>
416
+ <h2>为什么选择？</h2>
417
+ <p>它能帮助你快速完成编码任务：</p>
418
+ <ul>
419
+ <li>自动完成重复性编码</li>
420
+ <li>修复 Bug 和重构代码</li>
421
+ <li>生成测试用例</li>
422
+ </ul>
423
+ <blockquote>告别繁琐的复制粘贴，让 AI 成为你的编程搭档！</blockquote>
424
+ <p>首先，确保你已经安装了 <code>Node.js 18+</code></p>
425
+ <pre><code>npm install -g @anthropic-ai/claude-code</code></pre>
426
+ <table><tr><th>语言</th><th>领域</th></tr><tr><td>Python</td><td>数据科学</td></tr></table>
427
+ <p><a href="#">访问官方文档</a></p>
428
+ </div>
429
+ <div class="preview-footer">适用：日式美学 / 极简主义</div>
430
+ </div>
431
+
432
+ <!-- 9. Retro Futurism -->
433
+ <div class="preview-card">
434
+ <div class="preview-header"><span>9. Retro Futurism 复古未来</span><span class="badge">80年代科幻</span></div>
435
+ <div class="preview-body retro">
436
+ <h1>Claude Code 实战指南</h1>
437
+ <p>大家好，我是张三。今天给大家分享一个强大的 AI 编程助手——<strong>Claude Code</strong>。</p>
438
+ <h2>为什么选择？</h2>
439
+ <p>它能帮助你快速完成编码任务：</p>
440
+ <ul>
441
+ <li>自动完成重复性编码</li>
442
+ <li>修复 Bug 和重构代码</li>
443
+ <li>生成测试用例</li>
444
+ </ul>
445
+ <blockquote>告别繁琐的复制粘贴，让 AI 成为你的编程搭档！</blockquote>
446
+ <p>首先，确保你已经安装了 <code>Node.js 18+</code></p>
447
+ <pre><code>npm install -g @anthropic-ai/claude-code</code></pre>
448
+ <table><tr><th>语言</th><th>领域</th></tr><tr><td>Python</td><td>数据科学</td></tr></table>
449
+ <p><a href="#">访问官方文档</a></p>
450
+ </div>
451
+ <div class="preview-footer">适用：创意设计 / 复古科技</div>
452
+ </div>
453
+
454
+ <!-- 10. Midnight Library -->
455
+ <div class="preview-card">
456
+ <div class="preview-header"><span>10. Midnight Library 深夜图书馆</span><span class="badge">书香氛围</span></div>
457
+ <div class="preview-body midnight">
458
+ <h1>Claude Code 实战指南</h1>
459
+ <p>大家好，我是张三。今天给大家分享一个强大的 AI 编程助手——<strong>Claude Code</strong>。</p>
460
+ <h2>为什么选择？</h2>
461
+ <p>它能帮助你快速完成编码任务：</p>
462
+ <ul>
463
+ <li>自动完成重复性编码</li>
464
+ <li>修复 Bug 和重构代码</li>
465
+ <li>生成测试用例</li>
466
+ </ul>
467
+ <blockquote>告别繁琐的复制粘贴，让 AI 成为你的编程搭档！</blockquote>
468
+ <p>首先，确保你已经安装了 <code>Node.js 18+</code></p>
469
+ <pre><code>npm install -g @anthropic-ai/claude-code</code></pre>
470
+ <table><tr><th>语言</th><th>领域</th></tr><tr><td>Python</td><td>数据科学</td></tr></table>
471
+ <p><a href="#">访问官方文档</a></p>
472
+ </div>
473
+ <div class="preview-footer">适用：阅读笔记 / 文艺深沉</div>
474
+ </div>
475
+
476
+ <!-- 11. Brutalism -->
477
+ <div class="preview-card">
478
+ <div class="preview-header"><span>11. Brutalism 粗野主义</span><span class="badge">大胆原始</span></div>
479
+ <div class="preview-body brutalism">
480
+ <h1>Claude Code</h1>
481
+ <p>大家好，我是张三。今天给大家分享一个强大的 AI 编程助手。</p>
482
+ <h2>为什么选择？</h2>
483
+ <p>它能帮助你：</p>
484
+ <ul>
485
+ <li>自动完成编码</li>
486
+ <li>修复 Bug</li>
487
+ <li>生成测试</li>
488
+ </ul>
489
+ <blockquote><p>告别繁琐复制粘贴！</p></blockquote>
490
+ <p>安装 <code>Node.js 18+</code></p>
491
+ <pre><code>npm install -g claude-code</code></pre>
492
+ <table><tr><th>语言</th><th>领域</th></tr><tr><td>Python</td><td>数据科学</td></tr></table>
493
+ <p><a href="#">访问文档</a></p>
494
+ </div>
495
+ <div class="preview-footer">适用：大胆声明 / 设计师作品集</div>
496
+ </div>
497
+
498
+ <!-- 12. Neumorphism -->
499
+ <div class="preview-card">
500
+ <div class="preview-header"><span>12. Neumorphism 新拟态</span><span class="badge">软UI</span></div>
501
+ <div class="preview-body neumorphism">
502
+ <h1>Claude Code 实战指南</h1>
503
+ <p>大家好，我是张三。今天给大家分享一个强大的 AI 编程助手——<strong>Claude Code</strong>。</p>
504
+ <h2>为什么选择？</h2>
505
+ <p>它能帮助你快速完成编码任务：</p>
506
+ <ul>
507
+ <li>自动完成重复性编码</li>
508
+ <li>修复 Bug 和重构代码</li>
509
+ <li>生成测试用例</li>
510
+ </ul>
511
+ <blockquote>告别繁琐的复制粘贴，让 AI 成为你的编程搭档！</blockquote>
512
+ <p>首先，确保你已经安装了 <code>Node.js 18+</code></p>
513
+ <pre><code>npm install -g @anthropic-ai/claude-code</code></pre>
514
+ <table><tr><th>语言</th><th>领域</th></tr><tr><td>Python</td><td>数据科学</td></tr></table>
515
+ <p><a href="#">访问官方文档</a></p>
516
+ </div>
517
+ <div class="preview-footer">适用：APP设计 / 苹果风</div>
518
+ </div>
519
+
520
+ </div>
521
+ </body>
522
+ </html>
package/themes/previews/cyberpunk.png ADDED
Binary file
package/themes/previews/minimal.png ADDED
Binary file
package/themes/previews/nord.png ADDED
Binary file
package/themes/previews/wechat.png ADDED
Binary file