2. 开发
    3. 49 0 5
Xiuno BBS 重构记录贴（三）Bootstrap 5 UI+ Tabler Icons +JS
贰先生 13小时前

# Xiuno BBS 4.5+ Bootstrap 5 UI+ Tabler Icons +JS

本文档记录 Xiuno BBS 从旧版（Bootstrap 3 + jQuery + 多图标库）升级到新版（Bootstrap 5.3 + htmx + Alpine.js + Tabler Icons）的完整迁移路径，供开发者在升级插件、定制主题或排查兼容问题时参考。

---

## 目录

- [第一章：升级总览](#第一章升级总览)
- [第二章：Bootstrap 5 升级与适配](#第二章bootstrap-5-升级与适配)
- [第三章：htmx + Alpine.js 协作规范](#第三章htmx--alpinejs-协作规范)
- [第四章：图标库迁移](#第四章图标库迁移)
- [第五章：旧插件兼容与升级](#第五章旧插件兼容与升级)
- [第六章：数据流与状态管理](#第六章数据流与状态管理)
- [第七章：迁移检查清单与排错](#第七章迁移检查清单与排错)
- [第八章：关键文件路径速查](#第八章关键文件路径速查)

---

发布不了，放附件了

上传的附件：
收藏的用户（0） X
正在加载信息~
相关帖子
最新回复 (5)
全部楼主
  • Tillreetree 版主
    10小时前 2楼
    0
    与此同时也可以关注一下Line Awesome——一个兼容Font Awesome的，但设计风格更现代的图标库，这个的兼容难度更低一些，因为更像Font Awesome的命名风格

    还有Bootstrap Icons，它是Official出品的图标库，为 Bootstrap 5 量身打造，设计风格完全一致，能确保 100% 的兼容性和未来的维护更新
  • Tillreetree 版主
    10小时前 3楼
    0
    (我使用line awesome )
  • Tillreetree 版主
    9小时前 4楼
    0
    哦对了，这编辑器用的是HTML源码模式，啊，如果直接从vscode里粘贴过来带格式的内容的话，那会消耗一倍的字符数量，就直接超过了上限
  • 贰先生 楼主
    4小时前 5楼
    0
    Tillreetree 与此同时也可以关注一下Line Awesome——一个兼容Font Awesome的，但设计风格更现代的图标库，这个的兼容难度更低一些，因为更像Font Awesome的命名风格 还有Boots ...
    Bootstrap Icons有点难看，Line Awesome图标少自定义功能少。长期看还是tablericon的支持svg更好，如果做app或者其他平台也可以更统一
  • 贰先生 楼主
    4小时前 6楼
    0
    Tillreetree 哦对了，这编辑器用的是HTML源码模式，啊，如果直接从vscode里粘贴过来带格式的内容的话，那会消耗一倍的字符数量，就直接超过了上限
    了解，发现这个站一个bug ，发布评论后评论框不见了，刷新才出现
返回
贰先生
一级用户组
15
主题数 		15
帖子数
  作者最近主题   
  Xiuno BBS 重构记录贴（十）多语言系统文档
   Xiuno BBS 重构记录贴（九）权限安全加固与统一权限管理
   Xiuno BBS 重构记录贴（八）帖子全文搜索功能
   Xiuno BBS 重构记录贴（七）论坛社交互动功能增强
   Xiuno BBS 重构记录贴（六）错误页面与全局错误处理
扫码访问