Github仓库地址：https://github.com/huasenjio/huasen-portal.git
基于 Vue2.js 框架的门户项目，剥离 huasenjio-compose 仓库的主页和博客模块，单独创建的纯前端静态版本。借助 localStorage 本地存储，几乎可以体验线上版本的所有功能。内置插拔式数据模拟网络模块，支持无感对接后端服务，达到快速集成门户的效果。如果我的项目给您带来帮助，请点一个 star（🌟）！您的鼓励和支持，对我真的很重要！
✅ 花森门户容器版（huasenjio-compose）
✅ 花森门户静态版（huasen-protal）
✅ 花森脚手架（huasen-cli）
☑️ 花森低代码平台 （预研）
☑️ 花森流程引擎（预研）
由于服务器配置过于垃圾，首次访问较慢，请耐心等待，如果加载卡死，则重新刷新网页。不是代码写得烂，相反我已进行性能优化，并且经过实践验证，服务器配置较好的情况下，访问速度很快！
1.网址导航
2.博客
3.个人引导页
花森门户前端静态版由浏览器主页网址导航、博客系统组成，浏览器主页支持收录资源网站，博客提供 Markdown 文章显示的能力。
✅ 界面响应式适配，不同设备完美呈现；
✅ 数据离线存储，无需登陆，畅享所有，支持数据拷贝恢复；
✅ 支持自定义网站收录；
✅ 鼠标右键改色，创建专属皮肤；
✅ 更换皮肤壁纸；
✅ 多引擎搜索框，支持百度热词提示；
✅ 站内链接搜索，支持从名称、描述、备注搜索站点，一键直达网站；
✅ 极简模式，干净简洁；
✅ 实时天气显示；
✅ Markdown 文章阅读，支持三级锚点目录；
✅ 支持多层级网站分类，显示置顶图标；
☑️ ......
快照更新于2023年4月28日
⚠️ 响应式适配渲染图非最新界面
- 完美适配各种重尺寸设备，采用 web 端响应式布局 + 移动端缩放可视窗口的黑科技；
- 高度集成 Mockjs2，实现接口数据模拟，极速无感接入后端服务；
- 支持菜单权限管理，支持 404、403 情况跳转；
- 支持添加、编辑、删除自定义网站，数据的拷贝保存、恢复、导出；
- 定制化 Tailwindcss；
- 支持百度热词推荐、站内链接搜索高亮显示功能；
- 支持极简模式、任意区域右键换肤改色、更换预设墙纸、修改模糊度、调节明暗、上传壁纸的功能；
- 调教 ElementUI，二次封装 Dialog、Drawer 等组件，适应兼容任意尺寸屏幕；
- 支持 Markdown 文章展示，三级目录锚点定位；
- 水印功能；
- 多图标合成雪碧图，减少对图片的请求次数；
安装依赖
npm install
运行项目
npm run serve
打包项目
npm run build
仅供学习参考，未经授权，禁止商业使用！
由于涉及知识面较广，文字讲解篇幅过大，可以关注我的 Bilibili 账号，后续更新视频教程，感兴趣的小伙伴可以添加站长微信 ，进入前端技术交流群！
🐧企鹅QQ：184820911
😸微信 ：huasencc（站长邀请进入前端交流群）
📮邮箱 ：[email protected]
📺哔哩哔哩：花森酱 JioJio