我是 webjing，今天给大家带来一款专门为 独立开发者 和 小型团队 打造的 Halo 产品官网主题 —— EchoCraft。
如果你正在开发 Mac/Windows 应用、Chrome 插件、Halo 插件/主题、WordPress 主题/插件、SaaS 服务或移动端 App，想要一个专业的产品展示站点，那这款主题就是为你准备的！
在线演示：https://auth.webjing.com
主题预览：
✨ 为什么选择 EchoCraft？
🎯 专为产品展示而生
EchoCraft 不是一个通用博客主题，而是专门为独立开发者、小型团队和SaaS 产品打造的产品官网解决方案。
无论您是发布：
- 🖥️ Mac/Windows 桌面应用
- 🧩 Chrome/Edge 浏览器插件
- 🔌 Halo 插件 - 完美展示您开发的 Halo 生态插件
- 🎨 Halo 主题 - 为您的 Halo 主题作品打造专属展示页
- 📦 WordPress 主题/插件 - 同样适用于 WP 生态产品展示
- ☁️ SaaS 服务 - 订阅制产品的理想展示方案
- 📱 移动端 App - iOS/Android 应用推广页面
EchoCraft 都能帮您快速搭建专业的产品展示站点，让您的作品脱颖而出！
⚡ 极致轻量，性能卓越
- 打包体积仅 520KB，首屏加载飞快
- 按需加载，文章页面独立加载 TOC 插件
- 零冗余代码，每一行都经过精心优化
- Lighthouse 性能评分 90+
🔍 SEO & GEO 友好
- 语义化 HTML 结构，搜索引擎友好
- 自动生成 Open Graph 和 Twitter Card 元标签
- 结构化数据支持，提升搜索结果展示
- 响应式图片，自动适配不同设备
- 完善的 meta 信息配置
🏠 首页功能模块
首页采用模块化设计，您可以在后台自由调整各模块的显示顺序。
🎠 产品轮播展示（Hero Section）
首屏产品轮播是访客的第一印象：
- 纯原生实现 - 无任何第三方轮播库依赖，基于 Alpine.js 原生实现
- 多产品轮播 - 展示多个产品，自动/手动切换，流畅动画
- 炫酷光晕效果 - 9 种光晕颜色可选（绿色、青色、蓝色、紫色等）
- 徽章标签 - NEW、HOT、SALE 等标签吸引眼球
- 双按钮 CTA - 主按钮（下载/购买）+ 次按钮（了解更多）
- 响应式布局 - 大图展示，移动端完美适配
- 零依赖轻量 - 不引入 Swiper、Slick 等重型库，极致精简
📋 产品详情介绍（Product Details）
深度展示产品功能，让用户全面了解您的产品：
- 标签式导航 - 清理、卸载、加速等功能分类展示
- 功能截图 - 高清产品截图，16:9 自动裁剪
- 特性列表 - 每个功能最多 4 个亮点展示
- 行动按钮 - 每个功能模块独立 CTA
- 交替背景 - 多个区块自动交替背景色，视觉层次分明
🏷️ 促销组合包（Promotion Bundles）
提升转化率的利器：
- 产品组合 - 多产品打包销售，提高客单价
- 价格对比 - 原价/现价对比，突出优惠力度
- 折扣标签 - 70% OFF、限时 5 折等醒目标识
- 多货币支持 - CNY、USD、EUR、GBP、JPY 等
- 授权说明 - 清晰展示授权类型和数量
❓ 常见问题（FAQ Accordion）
减少用户疑虑，提升信任度：
- 手风琴交互 - 点击展开/收起，节省空间
- 两种风格 - 箭头风格 / 加号风格可选
- 无限问答 - 支持添加任意数量的 Q&A
- 富文本答案 - 答案支持换行和格式化
📰 热门文章（Popular Posts）
内容营销，提升 SEO：
- 自动获取 - 自动展示最新/热门文章
- 数量可控 - 3-12 篇文章自由设置
- 卡片布局 - 封面图 + 标题 + 摘要
- 查看全部 - 一键跳转归档页面
📦 产品页面
产品详情页（Product Page）
为每个产品打造专属展示页面：
- Hero 区域 - 大图展示 + 产品描述 + CTA 按钮
- 产品分类 - 软件工具、Chrome 插件、SaaS 服务等
- 图片画廊 - 多图展示，支持标题说明
- 特性卡片 - 功能亮点并排展示
- 定价方案 - 单个价格或多方案对比
- 支持原价/优惠价对比
- 优惠截止时间倒计时
- 高亮推荐方案
- 多货币类型
- 信任指标 - 系统兼容性、版本号等
- 免费/付费 - 自动切换下载/购买按钮
产品列表页（Product List）
**完美适配 Halo 产品管理插件
- API 对接 - 自动获取产品管理插件数据
- 分页加载 - 支持自定义每页数量（3-24）
- 特性卡片 - 页面顶部展示产品特性
- 响应式网格 - 自动适配不同屏幕尺寸
- 产品卡片 - 封面图 + 名称 + 描述 + 价格
📝 文章系统
标准文章页
- 文章目录（TOC） - 自动生成，平滑滚动定位
- 移动端抽屉 - 目录在移动端以抽屉形式展示
- 代码高亮 - 支持多种编程语言
- 版权声明 - 可配置 CC 协议
- 评论系统 - 集成 Halo 评论组件
GitHub 风格文章
- 使用
github-markdown-css 渲染
- 适合技术文档和教程类内容
- 代码块样式与 GitHub 一致
🎨 12 种精美配色
一键切换，支持跟随系统自动切换明暗模式。
🛠️ 技术栈
🗺️ 路线图
我们正在积极开发以下功能：
| 状态 | 功能 | 说明 |
|---|
| 🔲 | Halo 商城适配 | 支持 Halo 商业版商城 |
| 🔲 | 用户评价模块 | 展示真实用户评价和评分 |
| 🔲 | 数据统计展示 | 用户数、下载量、好评率等 |
| 🔲 | 关于我们页面 | 团队介绍、发展历程模板 |
| 🔲 | 更多页面模板 | 定价页、对比页、更新日志页 |
| 🔲 | 多语言支持 | i18n 国际化 |
