旨在将Material Design 的经典美学与论坛社区的功能性完美融合的模板。

经过 Alpha 阶段的多轮打磨，MD-Board 现已进入 Beta 1。

免费主题不提供技术支持。

与时俱进的设计美学

MD-Board不仅继承了Material Design的精髓，更在2024年巧妙融入了现代论坛社区的需求与特性。这一经典设计风格，即便在今日，依然以其简洁、直观和富有层次感的界面，为用户带来前所未有的视觉与操作体验。Material Design的卡片式布局、清晰的视觉层次以及丰富的交互元素，使得MD-Board在众多模板中脱颖而出，成为用户心中的优选。

MD-Board的诞生，也离不开对前辈们的致敬。

1. “Huan_Cheng_233”的“MD风格”主题
   1. 尽管那次尝试未能完全成功，但它为后续在Xiuno BBS中实现Material Design风格主题奠定了基础。
2. 受“MDClub”启发：
   1. 该程序在Material Design风格的实现与应用上提供了丰富的经验与思路。
3. 受“无垠”开发的MDx主题启发：
   1. MDx主题在细节处理、用户交互等方面展现出的优秀设计，为我们提供了宝贵的灵感。
4. 受“EAimTY”开发的“materiality”主题启发
5. 受“LychApe”开发的“DreamCat”主题启发

稳健而灵活的兼容性

我们理解到一个成功的论坛社区需要不断的创新和发展，但同样重要的是维护现有的功能生态。因此，在MD-Board的设计过程中，我们采取了谨慎的态度，尽量避免对现有架构进行大刀阔斧的改动。这意味着，您已有的各种插件能够无缝集成，确保您的用户体验流畅无阻，同时保留原有的UI美感。

跨平台无缝体验

随着移动互联网的发展，许多服务转向原生应用程序，有时忽略了Web端的用户体验。MD-Board坚持Web技术的核心价值，利用先进的响应式设计原则，提供了一个真正跨设备的解决方案。无论是在桌面电脑、平板还是手机上，用户都能享受到一致且丰富的互动体验。

MD-Board让网页版的表现力和交互性几乎可以媲美原生应用，无需下载额外软件即可获得全面的服务。

当然，你也可以将自己的网站封装成独立的App，供手机用户安装使用。

面向所有人的无障碍设计

MD-Board在设计中充分考虑了无障碍性，致力于让每位用户都能轻松访问和使用。

MD-Board严格遵循HTML5的语义化标准，使用了如header、nav、main、footer等标签来定义页面的结构，这些标签不仅增强了页面的可访问性，也使得搜索引擎能更好地理解页面内容。

为了进一步提升辅助技术的理解能力，MD-Board在关键元素上合理使用了ARIA的role属性，为屏幕阅读器等辅助设备提供了更丰富的上下文信息。

MD-Board支持CSS的prefers-reduced-motion媒体查询。若用户系统设置偏好为减少动画，MD-Board将自动消除绝大多数动画效果，以提供更加舒适的浏览体验。

MD-Board积极响应用户系统的颜色偏好设置。若系统支持prefers-color-scheme媒体查询，MD-Board将自动切换至黑暗模式，以适配用户的系统设置，带来沉浸式的观感。此外，MD-Board还提供了标准暗色与纯黑色两种黑暗模式选项，纯黑色选项可进一步提升对比度，满足特殊用户的需求。

几乎支持全键盘操作：为了提升键盘用户的操作效率，MD-Board在设计中充分考虑了键盘导航的便捷性。用户几乎可以使用键盘完成所有操作，如浏览帖子、回复评论、切换页面等，无需频繁切换至鼠标。

Beta 1本次更新内容：

• - 修复了 auto 模式下深色导航栏样式断裂的问题（prefers-color-scheme 跟随系统）
• - 新增用户中心换肤 UI：29 种 Material Design 配色方案 + 跟随系统/浅色/深色模式切换（管理员可在后台开启）
• - 前台换肤的深色模式下，顶部导航栏也会同步切换为深色（浅色/跟随系统模式同理）
• - 头像显示全面统一改造（帖子列表、用户中心、通知、排行榜等全部位置）
• - 无障碍优化：修复 7 处对比度不足、补充按钮/链接的可访问名称、图片 alt、表单标签
• - 性能优化：去除重复加载的 Bootstrap、CSS 异步加载、LCP 图片预加载、字体 swap 显示
• - 兼容性保持：不破坏现有插件生态，老插件无缝集成

截图展示

以下截图就是本贴开头的样机所用的截图。