作品

这里收录我做过的项目、产品与实验,点开可以查看简介、截图、用到的技术和相关链接。

品牌官网 截图 1
已上线2026

品牌官网

已上线的 Next.js 企业品牌网站,前台有丰富的交互动画,内置智能问答机器人,后台支持全站 10 种语言管理。

面向品牌展示与业务转化的 Next.js 官网项目。页面里塞了不少有意思的交互动效——滚动叙事、元素进场、悬停反馈等,让整站浏览起来像在读一本会动的画册,而不只是静态信息堆砌。

站点集成了智能问答机器人,访客可以直接用自然语言咨询产品、服务与常见问题,减少跳转成本,也让品牌侧多了一个 24 小时在线的接待入口。

配套完整的后台管理系统,文章、页面模块、媒体资源都能在一个面板里维护;全站内容支持 10 种语言,方便面向不同地区市场做本地化运营。

Next.jsMotionAI Chatboti18nAdmin
访问官网
API 文档协同编辑系统 截图 1
内部使用2025

API 文档协同编辑系统

基于 Vue 的 API 文档平台,多人协同编辑、Logo 动画与主题切换过渡都是亮点;文档内容内部使用,需登录后查看。

一套面向团队内部的 API 文档协同编辑系统,用 Vue 全栈搭建。多人可同时维护接口说明、调试示例与版本记录,是我觉得最值得写进作品里的能力——文档不再散落在各处、各写各的。

视觉上也下了功夫:Logo 进场与状态变化做了连贯动画,切换明暗主题时带过渡的翻转/渐变效果,文档站也能有一点产品感。

涉及业务接口与协作内容,不便对外公开展示,访问需登录鉴权。作品页仅展示外壳界面与动效截图。

VueTypeScriptAPI DocsCollaborationMotion
访问站点
截图待补充
内部使用长期维护

桃子熊卡支付金融系统

面向桃子熊卡业务的支付与金融后台,涵盖交易、账务与风控等核心流程,系统内部运行不便对外展示。

参与开发的支付金融类内部系统,服务于桃子熊卡相关业务的资金流转与后台管理。

涉及支付链路、账务处理与业务风控等模块,属于生产环境使用的金融系统,界面与数据均不便公开展示,作品页仅作项目记录。

FintechPaymentFinancialAdminInternal
截图待补充
内部使用长期维护

Aleta Planet Card 管理系统

Aleta Planet Card 的后台管理系统,负责卡片、商户与相关业务配置,为内部运营团队使用。

面向 Aleta Planet Card 业务的卡片管理后台,支撑卡片生命周期、商户信息与日常运营配置等管理工作。

系统部署于内网/权限环境,涉及客户与交易数据,不提供对外访问与截图展示,此处仅记录项目经历与技术参与范围。

Card ManagementFintechAdminOperationsInternal
工作流自动化
持续更新长期维护

工作流自动化

基于 n8n 等工作流工具搭建的自动化方案,把重复性任务串成可复用的流程,减少手工操作。

长期维护的工作流自动化实践,主要用 n8n 把数据采集、内容处理、通知推送、发布等环节连成一条链路。

适合新闻抓取、电商上新、定时巡检等场景——节点可视化编排,改流程不用重写脚本,多个项目也能复用同一套模板。

n8nWorkflowAutomationAI
微信小程序 截图 1
已上线长期维护

微信小程序

自研的三款微信小程序:麻上计分、去水印壁纸鸭、洛克万能助手,覆盖娱乐工具与游戏辅助场景。

麻上计分:朋友组局打麻将时的记账工具,免费无广告,支持建房、加减分、结算与历史记录,附带打牌间隙会用的小功能。

去水印壁纸鸭:解析抖音、小红书、公众号等平台的分享链接,一键去水印保存图片与壁纸,顺手解决「刷到好图却带水印」的痛点。

洛克万能助手:面向《洛克王国:世界》玩家的工具小程序,可查远行商人、孵蛋、家园与玩家信息,少开游戏也能确认关键数据。

微信小程序uni-appToolsGame
去水印壁纸鸭 截图 1
已上线2026

去水印壁纸鸭

已上线的 Next.js 在线去水印工具站,支持公众号、抖音、小红书、快手、哔哩哔哩等平台,粘贴链接即可解析并下载高清无水印图片与视频。

「去水印壁纸鸭」的 Web 版本,面向不想装 App、也不想登录的轻量使用场景:打开网页,粘贴分享链接或口令,一键解析原始媒体资源并保存到本地。

站点覆盖公众号、抖音、小红书、快手、B 站等主流平台,同时提供 API 接口定价页与微信小程序入口,方便个人用户与开发者按需接入。

基于 Next.js 搭建,注重 SEO 与首屏体验,配套使用手册、常见问题与结构化数据,方便搜索与分享传播。

Next.jsTypeScript去水印APISEO
访问站点
WebP Local 图片转换与压缩 截图 1
已上线2026

WebP Local 图片转换与压缩

已上线的 Next.js 本地图片工具站:PNG、JPG、GIF 等可转 WebP,JPG、PNG、WebP 可保留原格式压缩,所有处理都在浏览器完成。

WebP Local 是一个不依赖后端上传的图片处理工具。文件选择、预览、编码与下载都在当前浏览器完成,适合不想把设计稿、截图或原图交给第三方服务的使用场景。

转换模式支持 PNG、JPG/JPEG、GIF、BMP、WebP 与 AVIF;GIF 会导出为保留动画帧、时长和循环信息的动画 WebP。图片压缩模式支持 JPG/JPEG、PNG、WebP,并保持原始格式与像素尺寸。

工具支持一次最多处理 5 张图片,默认提供质量调节;所选图片、预览和结果会在 15 分钟后自动从本地浏览器内存清空。站点也提供中英文独立落地页、站点地图与机器可读说明。

Next.jsReactWebP图片压缩浏览器本地处理SEO
访问工具站
个人博客 截图 1
已上线进行中

个人博客

用 Next.js 搭建的个人站点,发布文章、整理作品、沉淀资源与一套在线工具箱。

从零搭建的全栈个人站点,支持 Markdown / Obsidian 写作、文章归档、资源库与几十款在线小工具。

注重阅读体验与性能:暗色模式、响应式布局,并对首屏加载做了持续优化。

Next.jsTypeScriptTailwind CSSMarkdown
进入首页