高级英雄组件

:information_source: 摘要 使用高级样式控件创建令人惊叹的、可自定义的英雄部分,非常适合开发者社区和编码论坛。
:eyeglasses: 预览 https://vibecommit.dev/
: hammer_and_wrench: 存储库 https://github.com/thebestgoodguy/vibecommit-hero
: question: 安装指南 如何安装主题或主题组件
: open_book: 不熟悉 Discourse 主题? Discourse 主题使用入门指南

Install this theme component

一个强大的 Discourse 主题组件,可创建令人惊叹的、可自定义的英雄部分,并具有高级样式控件,非常适合开发者社区和编码论坛。

vibecommit_hero_2

Vibe Coders Community 主题组件 - 完整自定义套件

这款高级 Discourse 主题组件可将您的社区论坛转变为一个现代化的、面向开发者的平台,提供广泛的自定义选项和专业的样式功能。

:artist_palette: 英雄部分配置

  • 自定义主题设置: 通过专门的主题自定义选项完全控制英雄的外观
  • 英雄文本管理: 可配置的主要标题和描述文本,支持富文本格式
  • 号召性用语集成: 内置的号召性用语按钮,具有可自定义的文本、样式和链接目标
  • 响应式设计: 自动调整英雄布局以适应桌面、平板电脑和移动设备浏览体验

:framed_picture: 视觉自定义选项

  • 背景控件: 支持自定义背景图片或纯色,并带有叠加效果
  • 调色板管理: 全面的配色方案控件,包括主色、次色和强调色

:gear: 高级样式功能

  • 渐变叠加: 多种渐变色选项,增强视觉吸引力
  • 动画效果: 流畅的进入动画和悬停效果,用于交互元素
  • 图标集成: 支持在英雄部分中使用自定义图标

:mobile_phone: 移动设备优化

  • 触摸友好界面: 优化的按钮大小和间距,方便移动设备交互
  • 渐进式加载: 通过优化的图片压缩和延迟加载实现快速加载时间
  • 响应式排版: 自动调整字体大小,以在所有设备上实现最佳可读性
  • 移动优先设计: 以移动设备体验为主要考虑因素进行构建

该组件专为编码社区、训练营、开发者论坛和技术讨论平台而设计,旨在创建专业、引人入胜的第一印象,同时在所有设备上保持出色的性能和可用性。

11 个赞

看起来你使用了 versatile banner 作为示例。这通常没有问题,但你却保留了所有翻译过的语言文件。例如,当你修改了英文文件,将“banner”改为“hero banner”时,却没有对翻译过的文件做同样的操作。我并非期望你翻译你的组件,但删除过时的翻译很重要。如果不存在德语翻译,我将看到你写的英文文本。但如果你保留不变的翻译,我将看到过时的德语文本。通常,过时的文本比英文文本更令人困惑。

https://github.com/thebestgoodguy/vibecommit-hero/blob/79e94a47edbbaebb77bd299e57296e4bc06dd3b3/locales/en.yml#L7-L7
https://github.com/thebestgoodguy/vibecommit-hero/blob/79e94a47edbbaebb77bd299e57296e4bc06dd3b3/locales/de.yml#L13-L13

如果我是你,我会删除所有这些翻译文件,只保留 en.yml

你还在 about.json 中将 versatile banner 的链接用作 about_url,并且 license_url 没有链接到你的仓库。

7 个赞

你说得对。至于基本结构,我使用了多功能横幅并对其进行了更多功能的升级。我已进行了必要的更改,并将 Fork 信息添加到了 README 文件中。感谢您的警告。

7 个赞

11 篇帖子已拆分为新主题:安装高级英雄组件时出现 500 错误