Discuz! X5 · MitFrame 全新一代 · 自研风格模板首发

橙帮 · Discuz! X5 模板工坊 & 社区

一站式 Discuz! X5 模板分享与定制平台。从 0 到 1 学会打造属于自己的论坛风格——
覆盖模板基础、JSON 风格、cells 组件、DIY 模块、钩子调试全流程。

12+
官方主题模板
8.6K
活跃会员
320+
同时在线峰值
98%
用户好评率
Featured Templates

精选 Discuz! X5 模板

社区贡献 + 官方认证 · 覆盖商务、极简、国风、二次元、科技全场景

橙帮默认

官方首发 · 全场景通用

暗色科技 + 紫青粉渐变 + 毛玻璃质感,全新 MitFrame 风格,开箱即用。

暗色科技 官方 首发
🌊

暗夜极简

商务简洁 · 高效办公

极致白底 + 冷色高亮,适合企业内网、办公协同、技术团队文档型站点。

极简 商务 高对比
🪶

墨韵国风

古典雅致 · 文化社区

水墨笔触 + 朱砂点缀,诗词/书法/汉服圈首选,配竖排版式与古籍字体。

国风 水墨 古典
🌸

二次元梦

动漫社区 · ACG 主题

粉紫渐变 + 圆角卡片 + 表情气泡,二次元/galgame/同人创作专属。

二次元 ACG 同人
🌿

暖橙怀旧

经典复古 · 情怀向

致敬 X2/X3 经典暖色版式,老用户回忆杀,配 12px Tahoma 原生质感。

怀旧 暖色 经典
🔮

赛博幻彩

未来感 · 创意社区

霓虹渐变 + 故障风 + 网格背景,创意/设计/科技类博主视觉系首选。

赛博 霓虹 未来感
Skill Graph

Discuz! X5 模板制作 · 技能图谱

从基础到精通 · 系统化技能树 · 学完即胜任模板定制

🧱 模板基础 📜 JSON 风格 🎨 配色变量 ⚙️ 模板语法 📁 文件结构 🧬 cells 组件 🎯 DIY 模块 📦 Block 类 🔌 钩子机制 🛠️ 风格扩展 📱 移动端适配 🌐 i18n 多语言 💾 缓存调试 🚀 打包发布

🧱 基础层

  • template/ 目录结构
  • discuz_style_xxx.json 配置
  • 52 个配色变量规范
  • X5 双轨制 .htm + .php

⚙️ 语法层

  • 22 种模板语法
  • {loop}{if}{eval} 流程控制
  • {lang}{date}{avatar} 函数

🧬 组件层

  • cell(原子单元)
  • cells(复合组件)
  • DIY 可视化拖拽
  • 92 个 Block 类调用

🚀 进阶层

  • 11+ 钩子点埋位
  • touch/ 移动端适配
  • 扩展风格 t1-t5
  • 打包发布到应用中心
Learning Path

学做模板 · 4 周成师

从一张白纸到上线运营,跟着路径走完一遍,你就是 Discuz 模板工程师

01

基础筑基

⏱ 第 1 周 · 入门

理解 X5 模板根目录结构,写第一份 discuz_style_xxx.json 风格配置,掌握 52 个配色变量的语义。

JSON 目录
02

语法实战

⏱ 第 2 周 · 进阶

精通 22 种模板语法,自己写 common/header.php + footer.php,掌握 loop/if/eval/cells 全套组合。

语法 实战
03

组件 + 风格

⏱ 第 3 周 · 高级

DIY 可视化拖拽 + cell/cells 组件编排,写自己的扩展风格 t1-t5,做出能商用的模板包。

DIY cells
04

上线 + 迭代

⏱ 第 4 周 · 大师

touch 移动端适配 + 钩子埋位 + 缓存调试,打包发布到 discuz.vip 应用中心,独立交付商业项目。

上线 商业化

准备好打造你的
第一个 Discuz! X5 模板了吗?

注册橙帮账号,立即获得完整模板源码 + 4 周系统化教学路径

立即注册 · 开始学习 →