业务和功能介绍
1. 立项背景和目标
为工作室（雪人玉米）建立线上可信据点，需要一个合规、现代、多端适配的企业展示官网。目标是用最小代价完成一个可直接部署、可被索引、能亮照认证的正式站点，以替代占位页。
2. 软件功能/核心模块
包含5个核心页面：品牌首页（含服务/方案展示）、隐私政策页、法律声明页、自定义404页及错误提示页。内置SEO工具、sitemap、robots.txt，支持多视口适配。
3. 业务流程/功能路径
用户访问首页浏览服务与方案 → 通过链接跳转合规页 → 对隐私或法律条款有任何疑问可联系邮箱。 访问非标准路径时被优雅引导至404/error页。页面加载性能经优化，确保移动端首次访问流畅。
为工作室（雪人玉米）建立线上可信据点，需要一个合规、现代、多端适配的企业展示官网。目标是用最小代价完成一个可直接部署、可被索引、能亮照认证的正式站点，以替代占位页。
2. 软件功能/核心模块
包含5个核心页面：品牌首页（含服务/方案展示）、隐私政策页、法律声明页、自定义404页及错误提示页。内置SEO工具、sitemap、robots.txt，支持多视口适配。
3. 业务流程/功能路径
用户访问首页浏览服务与方案 → 通过链接跳转合规页 → 对隐私或法律条款有任何疑问可联系邮箱。 访问非标准路径时被优雅引导至404/error页。页面加载性能经优化，确保移动端首次访问流畅。
项目实现
1. 整体架构与设计思路
项目采用 Astro 6.4 静态输出 + Tailwind CSS 4。
通过阿里云云效流水线 + rsync，实现不具备原生CI/CD的服务器的CI/CD，接入阿里云ESA同时实现安全与加速。
设计上优先保证内容快速呈现，通过 content-visibility 实现按需渲染，并以 PageLayout 四插槽布局统一页面结构。所有图片资源通过 CardPicture 组件实现响应式 WebP/AVIF 输出。
2. 我负责的模块和结果（量化）
独立完成从原型设计、迁移到部署的全流程。实现了 5个生产页面，Git 提交 35次，将 Lighthouse 性能评分从基线 63 提升至 97，LCP 从 4.7s 降至约 1.9s。
3. 遇到的难点、坑，和解决方案
亮照验照：电子营业执照验照依赖 Referer，初始部署时亮照无法加载。解决方案：移除 noreferrer 属性，强制保留正确 Referer。
性能瓶颈：首屏图片过大。用 WebP/AVIF 替代 PNG，并通过 generate:images 脚本自动化压缩，总大小从约1.55MB降至393KB。
持续部署：使用的既有服务器资源为传统人工FTP管理模式，无原生CI/CD，通过rsync实现CI/CD。
项目采用 Astro 6.4 静态输出 + Tailwind CSS 4。
通过阿里云云效流水线 + rsync，实现不具备原生CI/CD的服务器的CI/CD，接入阿里云ESA同时实现安全与加速。
设计上优先保证内容快速呈现，通过 content-visibility 实现按需渲染，并以 PageLayout 四插槽布局统一页面结构。所有图片资源通过 CardPicture 组件实现响应式 WebP/AVIF 输出。
2. 我负责的模块和结果（量化）
独立完成从原型设计、迁移到部署的全流程。实现了 5个生产页面，Git 提交 35次，将 Lighthouse 性能评分从基线 63 提升至 97，LCP 从 4.7s 降至约 1.9s。
3. 遇到的难点、坑，和解决方案
亮照验照：电子营业执照验照依赖 Referer，初始部署时亮照无法加载。解决方案：移除 noreferrer 属性，强制保留正确 Referer。
性能瓶颈：首屏图片过大。用 WebP/AVIF 替代 PNG，并通过 generate:images 脚本自动化压缩，总大小从约1.55MB降至393KB。
持续部署：使用的既有服务器资源为传统人工FTP管理模式，无原生CI/CD，通过rsync实现CI/CD。
示例图片视频
相似推荐
CPU机器人
本方案打造的生动数字人，硬件门槛极低：最低仅需 1 核 CPU、2GB 内存即可流畅运行，完全无需 GPU 加速，让普通办公电脑也能轻松承载。它凭借轻量高效的算法，在低配环境下依然能呈现鲜活自然的交互效果。同时支持 Windows 与 macOS 双平台，兼容广泛，便于用户跨系统使用。整体结构高度可移植，可快速部署到不同设备与场景，实现灵活迁移，是兼顾性能与成本的高性价比选择。
社交app
户外活动社交 APP 包含用户端与发布端两大端口。平台支持活动创建发布，可设置多场次供用户选择报名，接入微信、支付宝完成线上支付。内置社群 IM 聊天功能，方便参与者实时沟通；同时提供帖子动态、用户关注体系，搭配消息推送能力，及时通知报名、活动及互动信息。产品打通户外爱好者从查找活动、挑选场次、付费报名，到线上交流、内容分享、建立社交联系的完整闭环，一站式满足户外人群的活动参与与社交需求
博客个人作品-沫沫博客
一个已上线运行的内容博客平台，支持多用户注册、内容创作、分类管理与互动沉淀。项目由我独立设计、开发并部署上线，目前线上稳定运行，架构可直接复用于企业内容管理、社区、后台管理系统等场景。
【核心功能模块】
用户模块：注册、登录（JWT 无状态鉴权 + BCrypt 密码加密）、退出登录、个人中心（昵称与头像维护、修改密码、头像文件上传）。
内容模块：文章的发布、编辑、删除、分页浏览与详情查看；分类的增删改查；文章浏览量统计。
互动模块：评论（查看/发布/删除）、点赞、收藏，以及“我的文章”“我的收藏”列表。
系统支撑：统一响应格式与全局异常处理、登录失败锁定、接口限流、Swagger 在线接口文档。
【业务流程】 用户注册或登录后，由服务端签发 JWT 令牌，前端保存并随每次请求携带 → 在首页分页浏览文章列表、按分类筛选 → 进入详情页阅读（浏览量自动 +1，可点赞、收藏、评论）→ 在创作页撰写文章并选择分类发布 → 在个人中心管理自己的文章、收藏与账号资料。
【交付说明】 项目提供完整接口文档（Swagger / Apifox 可直接导入），配置按 dev/prod 多环境拆分，本地开发与线上部署互不干扰，支持替换 jar 包快速迭代上线，便于后续二次开发与长期维护。
语聊社交 APP
一款面向国内市场的语聊社交APP，包含IM通讯、语音房间、礼物打赏等核心功能。后端采用Java实现业务逻辑，后台管理系统基于Vue，投放与监控体系由Python独立开发。
我的职责：
负责整套服务器的日常运维、故障排查与容量规划，保障生产环境稳定运行
维护Java后端服务（Spring Boot）
维护Vue后台管理系统
维护Python投放监控脚本
维护jenkins的CI&CD
云音乐播放器-云音乐播放器
这是一款深度融合云技术的智能音乐播放器，它彻底打破了本地存储的限制。只需一个账号，你收藏的所有歌曲、创建的歌单以及播放记录都会实时同步到云端，让你在手机、电脑和平板间无缝切换，随时随地续播。它依托强大的算法，能根据你的听歌习惯精准推荐可能喜欢的冷门佳作或热门新歌。配合无损音质与沉浸式的界面设计，它不仅是播放工具，更是懂你品味的私人音乐管家
帮助文档
Copyright @ 2021-2024 程聚宝 | 浙ICP备2021014372号
人工客服