博客系统前端Bootstrap主题UBold介绍
本站博客实现
admin 发布于：2022-05-05 20:57:23
阅读：loading
有人说Bootstrap这种东西还有人用？作为不专业的前端大手我觉得用起来还不错啊，模板资源丰富，样式效果多彩，官网更新热门。本次博客系统2.0重造的前端也算是最大的调整（1.0版本是个人纯手写css和切图实现的跨平台，虽然页面样式可能不专业/不科学，但是在后端人员中亦是莫测高深的存在，允许我逮住机会秀一下），最主要还是需要去适配搜索引擎对网页内容数据的抓取以及页面展示效果和平台兼容性，所以选Bootstrap就对了。对于Angular这种专业的前端面向对象语言来说并不存在专业的掌握，但是想着它们这类的面向对象的编码模式如何去渲染出适合搜索引擎爬取的html内容呢；vue的话仍然没有去掌握，主要还是兴趣不及吧，它最终渲染出来的页面内容也不是一种纯html的网页，给我的认知就是它也不是很适合去兼容搜索引擎爬取的网页。
说到Bootstrap刚才（2022年05月05日）看了一下官网最新的版本是v5.1.3，而本站开始编码的时候是2019年09月11日的版本是v4.4.1，也是在查找了大量的Bootstrap模板主题后而选定的一款主题吧，先跟大家分享一下我推荐的几个模板网站，https://themes.getbootstrap.com（官网主题地址）、https://bootstraptaste.com（两千多款主题在线预览和免费下载）、http://www.bootstrapmb.com（国内的bootstrap模板网站，访问网络稳定，模板资源较多）、GitHub与Gitee搜索Bootstrap。
在编码初期也曾在多款主题中反复斟酌筛选，最终选定的则是两年多前从bootstrapmb站点付费下载的Ubold主题，今再次查找该主题，发现已经存在更为新颖版本（基于Bootstrap v5.1.0），大家若是认可该主题则建议下载最新的版本，参考预览及下载地址为：http://www.bootstrapmb.com/search?keyword=ubold，笔者下载的是v4版本，在此也推荐这个地址http://www.ftsucai.com/demo/202010/ubold/index.html，在一些页面原型参考的时候，也多有在线预览此网站的在线示例，表示感谢。
所谓优势分析就得回忆起当时选定它得一些原因了，主要有以下几个方面：
1.版本较为新颖，在当时使用了最新的Bootstrap v4.4.1版本，同时jQuery也是非常新的jQuery v3.4.1版本；
2.下载的代码包中区分页面预览版本和代码开发版本，以及一些主题的api介绍（虽然查看的次数和借鉴程度不多，但是值得看下），而且基础依赖提供了一定程度的封装（比如提供了vendor.js集成了jQuery、Bootstrap、SimpleBar等多个插件）；
3.主题基础功能完整，如页面全屏、主题换肤、在线样式设置、布局多样化、功能性组件齐全、页面样式丰富等特性（可多多的翻阅该主题提供的各个功能细节）；
4.样式声明规范，如p-1、pt-1、m-1、mt-1等等命名的样式知意性更强；
我感觉选定为企业级管理系统的主题来讲还是没啥劣势的，或者说劣势就基本可以忽略不计较了。本次作为博客系统在开发过程中也曾有出过一些小的主题层面的问题，不过最终都有解决，要说最大的一个方面的劣势还得是它的依赖文件css和js文件过于庞大了，vendor.min.js大小为316kb；icons.min.css包含非常多的字体文件图标大小为300kb左右；还有一些bootstrap的css等在没有本地缓存时的第一次访问相信会非常慢的，不过这点我表示还能接受，所以最终就是它了，不知该主题的作者团队是否有意见，是否涉及侵权了。
当然了任何模板主题在拿来做具体的应用时，没有完美契合100%的匹配程度，或多或少的需要在一些主题的基础上实现一些个性化的页面编写，本站前端存在大量的自己定制话页面，要么是东拼西凑，要么是非常非常费劲的编写（取决于页面的审美以及不专业的前端水平），总之构建了整套博客系统的各种页面效果。
点赞
