FIT2CLOUD
EchoCraft产品官网主题 的图标

EchoCraft产品官网主题

外部
6,621
0

专为独立开发者和小型团队打造的产品官网主题。支持产品展示、定价方案、博客文章等模块,内置 12 种精美配色,帮助您快速搭建专业的产品展示站点。

访问

当前应用为外部应用,其销售、安装、更新、维护等均由应用作者负责,与本平台无关。

1.4.0
webjing 发布于

1.4.0

最新
>=2.26.0

EchoCraft 产品官网主题 v1.4.0 发布说明

  • 发布日期:2026-09-05
  • 上一个版本:v1.3.4(要求 Halo >= 2.22.3)

本次更新聚焦三件事:把文档页的目录(TOC)体验整体重做,适配Halo2.26.0的布局模版 layout.html。以及修复开启两步验证后无法访问的问题。同时补上了网页语言的动态适配。

✨ 文档页目录全面升级

如果你用 Docsme 插件发布文档,这一版会有非常直观的变化。原先主题自带的是一个「简易目录」小脚本,现在已替换为成熟的 tocbot 方案,并与 Docsme 插件官方对接。

✨ 适配 Halo2.26.0 布局契约

在 tempaltes 目录下新增 layout.html,适配新的布局契约。

现在的目录会是什么样

  • 滚动跟随高亮:阅读正文时,右侧目录会自动高亮你当前所在的章节,左侧还有一条竖线指示条,随时知道"读到哪了"。
  • 点击平滑滚动:点击目录项会平滑滚动到对应标题,不再"跳一下"。
  • 标题不会被顶栏遮住:跳转后标题会自动下移一段距离,正好落在顶部导航栏下方。
  • 目录层级更深:从原来只识别 h2h3 两级,扩展到 h1 ~ h4 四级,结构复杂的文档也能完整呈现。
  • 桌面端与移动端一致:移动端的目录浮层会实时同步桌面端的高亮状态,手机上同样是"当前章节高亮"。
  • 空目录自动隐藏:页面里没有标题时,目录栏直接隐藏,不会留下一块空白。

细节优化

  • 文档页右下角/移动端的目录面板不再出现错位或样式冲突,整体视觉与主题配色统一。
  • 文档页现在同时加载 Docsme 插件提供的代码高亮资源,代码块渲染更稳定。
  • 目录适配逻辑与 Docsme 插件解耦,插件后续升级时不易冲突。

🔐 修复:开启两步验证后页面无法访问

问题描述:当站点启用了两步验证(2FA / TOTP)时,用户完成账号密码登录后会被引导到验证码页面,但该页面被主题的访问控制拦截,导致无法输入验证码、进不了站点。

现在:已把两步验证页面加入公开访问白名单,2FA 用户可以正常走完验证流程。

如果你的站点开启了身份认证且启用了两步验证,建议尽快升级到本版本。

🌐 网页语言动态适配

页面 <html lang> 属性不再固定写死为 zh-CN,而是根据当前访问语言自动输出。这对多语言站点、浏览器翻译提示、以及屏幕阅读器等场景都更友好。同时在部分没有标题的页面上,也避免输出空标签。

⚠️ 升级提示

  • 环境要求提高:本版本要求 Halo 2.26.0 及以上(上一版为 2.22.3)。请先在后台确认你的 Halo 版本,低于 2.26.0 的站点请先升级 Halo 再更新主题。
  • 文档页依赖:文档目录功能依赖 Docsme 插件,请确保插件已更新到较新版本。
  • 无需额外配置:升级后新目录自动生效,不需要手动调整主题设置。

资源下载

  • themeLogo.svg
1.3.1
webjing 发布于
>=2.22.3

优化

  • 优化文档插件的页面样式
  • 优化了产品页面、归档页面、定制服务页面的分页按钮

新特性

  • 适配 Halo 系统的页脚标签

bug修复

  • 修复新系统在未设置seo内容时候主题端无法打开的问题
  • 修复了主题首页设置排序在清空之后会出现默认布局组件的问题
  • 修复了定制服务页面只显示前三条数据的问题
  • 修复了部分配置没有正确显示的问题
1.3.0
webjing 发布于
>=2.23.0

V1.3.0 更新日志

发布日期: 2026-03-21

🚀 新功能

定制服务页面

  • 新增独立的定制服务页面路由 /custom-service,支持 Thymeleaf 变量注入
  • 实现完整的定制服务表单提交流程,包含项目类型、预算范围、联系方式等字段
  • 新增登录验证机制,未登录用户提交时自动跳转登录页(401 重定向处理)
  • 支持已有项目展示列表,可配置项目卡片的标题、描述、状态、预算等信息

主题设置配置

  • 新增定制服务页面完整配置项,包含:
    • SEO 元信息(标题、描述、关键词)
    • Hero 横幅配置(标题、副标题、背景图)
    • 表单字段配置(项目类型、预算范围、时间要求等)
    • 已有项目管理(支持添加多个项目卡片)
  • 所有配置项支持通过主题设置面板可视化管理
V1.2.0
webjing 发布于
>=2.22.3

V1.2.0 更新日志

🚀 新功能

产品价格策略展示

  • 新增产品详情页「价格策略对比」组件,支持日付/周付/月付/季付/年付/永久 6 种付费周期的卡片式展示
  • 自动识别推荐方案(优先永久 > 年付),以内联徽章形式标注,不影响卡片布局一致性
  • 产品卡片支持多价格展示,显示最低价并提供下拉面板查看所有价格方案
  • 新增 getLowestPrice()getAllPrices()countPrices() 价格工具方法

价格策略特性配置

  • 新增主题设置「价格策略卡片特性配置」,支持自定义特性列表内容
  • 特性列表默认关闭,可通过开关控制显示
  • 授权信息根据产品 authCountLimit 自动生成(单域名/多域名/不限域名)

产品轮播展示开关

  • 首页产品轮播展示模块新增 switch 开关控制,可在主题设置中启用/关闭
  • 关闭轮播后,Hero 介绍组件的滚动按钮自动定位到下一个可见区块

产品详情页快速导航

  • 新增产品详情页侧边快速导航组件
  • PC 端:垂直侧边栏 + 悬浮提示
  • 移动端:底部水平滚动导航栏,自适应回到顶部按钮的可见状态

文章版权声明配置

  • 新增文章级别版权声明元数据字段 echoCraftPostCopyright
  • 支持三种模式:跟随主题(默认)、强制显示、强制隐藏

🐛 修复

  • 修复授权拦截功能在登录/注册/2FA 页面的误拦截问题,新增 bypass 路径列表
  • 修复 Hero 介绍卡片描述文字溢出问题,增加 line-clamptruncate 处理
  • 修复关闭产品轮播后滚动按钮无法定位的问题,改为动态查找下一个兄弟区块
  • 修复价格策略推荐标签导致卡片布局不一致的问题,改为价格右侧内联徽章
  • 修复 iPhone 真机壳内图片被放大裁剪的问题,改用 object-fit: contain 完整展示图片

💄 优化

  • 价格策略卡片网格布局优化,最多 3 列自动换行,避免 5-6 个方案时卡片被挤压
  • Hero 悬浮产品介绍卡片宽度增加至 w-44 sm:w-52
  • 主题配置中所有开关类型统一调整为 switch 组件
  • iPhone 真机壳图片剩余空间使用 base-200 主题色填充背景
1.1.0
webjing 发布于
>=2.22.3

更新日志 v1.1.0

🚀 新功能

首页品牌介绍区块 (Hero Intro)

  • 新增首屏品牌介绍区块,支持头像/Logo、品牌名称、标语、主副标题
  • 支持环绕卡片展示(最多3个),带浮动动画效果
  • 支持统计数据展示(产品数、用户数等)
  • 支持社交链接配置
  • 支持主要/次要 CTA 按钮
  • 实现垂直滚动跑马灯动画效果

产品详情页新模块

  • 新增版本对比表格模块 (product-comparison),支持动态方案映射
  • 新增使用场景展示模块 (product-scenarios),支持图标和特性列表
  • 新增视频演示模块 (product-video),支持 Alpine.js 交互

产品详情页快速导航

  • 新增侧边快速导航组件,动态检测页面模块
  • PC 端:右侧垂直导航栏,悬浮显示模块标题 tooltip
  • 移动端:底部横向滚动导航条,支持左右滑动
  • 滚动时自动高亮当前区块,智能适配滚动到顶部按钮

文章版权声明配置

  • 文章元数据新增 echoCraftPostCopyright 字段
  • 支持三种模式:跟随主题设置、强制显示、强制隐藏

🎨 优化

全局横幅布局

  • 重构响应式布局,优化移动端显示
  • 关闭按钮改为绝对定位
  • 添加文字截断防止溢出

轮播组件

  • 添加 Intersection Observer 检测视口可见性
  • 离开视口时暂停自动播放,提升性能

产品展示光晕效果

  • 优化光晕动画,改为椭圆形居中效果
  • 增加模糊半径,视觉更柔和

视频播放按钮

  • 简化动画效果,移除复杂多层脉冲
  • 缩小按钮尺寸,交互更精致

顶部菜单

  • 优化 Logo 和标题的显示效果

🐛 修复

首页自动滚动回顶部 bug

  • 轮播组件离开视口时暂停播放,避免页面跳动
1.0.2
webjing 发布于
>=2.22.3

v1.0.2 版本发布记录

发布日期: 2026-02-11

新功能

  • 产品推荐码支持: 外部产品的"查看详情"和"立即购买"链接现在会自动携带推荐码
    优先使用浏览器 URL 中的推荐码参数
    其次使用源配置中设置的推荐码
    修复了 URL 参数拼接问题,正确处理已有参数的情况(使用 & 而非 ?)