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-协作规范)
- [第四章:图标库迁移](#第四章图标库迁移)
- [第五章:旧插件兼容与升级](#第五章旧插件兼容与升级)
- [第六章:数据流与状态管理](#第六章数据流与状态管理)
- [第七章:迁移检查清单与排错](#第七章迁移检查清单与排错)
- [第八章:关键文件路径速查](#第八章关键文件路径速查)

---

发布不了,放附件了

上传的附件:
最新回复 (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 ,发布评论后评论框不见了,刷新才出现
返回