Monster Cone 的个人技术博客，记录前端开发、Next.js、React、Vue、TypeScript、全栈实践、独立开发项目、效率工具和生活思考。https://www.dxin.cc/https://www.dxin.cc/blog/google-oauth-relay-worker/https://www.dxin.cc/blog/google-oauth-relay-worker/以我开源的 google-oauth-relay 为例，介绍国内服务器如何通过 Cloudflare Worker 中转 Google 登录所需的后端请求。Sun, 06 Sep 2026 16:00:00 GMThttps://www.dxin.cc/blog/nginx-proxy-manager-dozzle-nginxpulse/https://www.dxin.cc/blog/nginx-proxy-manager-dozzle-nginxpulse/基于 Docker Compose 部署 Nginx Proxy Manager、Dozzle 和 NginxPulse，使用 NPM 网页界面可视化配置 Nginx，并分别查看 Docker 日志和 Nginx 访问日志。Sun, 06 Sep 2026 16:00:00 GMThttps://www.dxin.cc/blog/indexnow-nextjs-vercel/https://www.dxin.cc/blog/indexnow-nextjs-vercel/介绍 IndexNow 的工作原理、适用场景，以及如何在 Next.js 与 Vercel 部署流程中自动提交站点 URL，加快搜索引擎发现新内容。Fri, 03 Jul 2026 00:00:00 GMThttps://www.dxin.cc/blog/fcm-scheduled-push-qstash/https://www.dxin.cc/blog/fcm-scheduled-push-qstash/介绍如何使用 QStash 延时消息能力为 Firebase Cloud Messaging 实现定时推送通知，适用于 Cloudflare Workers、Vercel、Node.js 等 Serverless 场景。Thu, 02 Jul 2026 00:00:00 GMThttps://www.dxin.cc/blog/supabase-keepalive/https://www.dxin.cc/blog/supabase-keepalive/介绍如何使用 Cloudflare Workers 和 Cron Triggers 定时访问 Supabase，避免免费项目在低流量阶段进入自动暂停状态。Fri, 26 Jun 2026 00:00:00 GMThttps://www.dxin.cc/blog/nextjs-svg/https://www.dxin.cc/blog/nextjs-svg/在 Next.js 16 中用 @svgr/webpack 将 SVG 作为 React 组件导入，并掌握尺寸、颜色以及 mask / defs ID 冲突的处理方式。Sun, 12 Apr 2026 00:00:00 GMThttps://www.dxin.cc/blog/dio-token-refresh-concurrent-requests/https://www.dxin.cc/blog/dio-token-refresh-concurrent-requests/介绍 Flutter 使用 Dio 时，如何在高并发请求下只触发一次 Token 刷新，并通过 Completer 挂起等待中的请求队列。Sat, 04 Apr 2026 00:00:00 GMThttps://www.dxin.cc/blog/cloudflare-workers-fcm/https://www.dxin.cc/blog/cloudflare-workers-fcm/介绍如何借助 Cloudflare Workers 与 Hono 搭建可用的 FCM 推送中转服务，并通过 OAuth 鉴权与 KV 缓存提升部署效率和可用性。Sat, 28 Mar 2026 00:00:00 GMThttps://www.dxin.cc/blog/zustand-indexeddb-offline-storage/https://www.dxin.cc/blog/zustand-indexeddb-offline-storage/介绍如何使用 Zustand 结合 IndexedDB 实现可离线的前端状态管理，兼顾数据持久化能力与用户体验。Sat, 21 Mar 2026 00:00:00 GMThttps://www.dxin.cc/blog/tailwind-editable-title/https://www.dxin.cc/blog/tailwind-editable-title/使用 Tailwind CSS 的交互能力实现无额外状态管理的可编辑标题，减少前端状态冗余并提升交互体验。Sat, 14 Mar 2026 00:00:00 GMThttps://www.dxin.cc/blog/hugo-migrate-nextjs-tailwindcss/https://www.dxin.cc/blog/hugo-migrate-nextjs-tailwindcss/记录博客从 Hugo 迁移到 Next.js 与 Tailwind CSS 的原因、实施步骤，以及部署和发布链路中的实际取舍。Sat, 07 Mar 2026 00:00:00 GMThttps://www.dxin.cc/blog/koa-set-cookie/https://www.dxin.cc/blog/koa-set-cookie/分析 Koa 在跨域场景下 Set-Cookie 不生效的常见原因，并给出浏览器、服务端与代理层的完整排查思路。Sat, 28 Feb 2026 00:00:00 GMThttps://www.dxin.cc/blog/flutter-ci-cd/https://www.dxin.cc/blog/flutter-ci-cd/结合 GitHub Actions 打造 Flutter 应用的自动构建、签名与分发流程，减少手动发布成本并提升交付效率。Sat, 21 Feb 2026 00:00:00 GMThttps://www.dxin.cc/blog/vue-directives/https://www.dxin.cc/blog/vue-directives/通过 Vue 3 自定义指令实现通用 v-loading 效果，提升页面交互一致性和业务复用效率。Sat, 14 Feb 2026 00:00:00 GMThttps://www.dxin.cc/blog/minio/https://www.dxin.cc/blog/minio/使用 Docker 部署单机版 MinIO，并结合预签名上传接口实现更灵活的对象存储能力，适合图片与文件上传场景。Sat, 07 Feb 2026 00:00:00 GMThttps://www.dxin.cc/blog/mobile-adaptive/https://www.dxin.cc/blog/mobile-adaptive/对比移动端常见的 REM 与 VW 适配方案，梳理核心原理、优缺点与适用场景，帮助你根据项目特点做选择。Sat, 31 Jan 2026 00:00:00 GMThttps://www.dxin.cc/blog/flutter-deeplink/https://www.dxin.cc/blog/flutter-deeplink/介绍 Flutter 中 Deeplink 的接入方式、路由处理流程，以及从链接唤起 App 并跳转指定页面的关键细节。Sat, 24 Jan 2026 00:00:00 GMThttps://www.dxin.cc/blog/flutter-dio/https://www.dxin.cc/blog/flutter-dio/总结一套更清晰的 Flutter Dio 封装方式，让请求、数据解析和错误处理保持统一，便于团队维护与扩展。Sat, 17 Jan 2026 00:00:00 GMThttps://www.dxin.cc/blog/fcm-v1-api/https://www.dxin.cc/blog/fcm-v1-api/记录 Firebase Cloud Messaging 从旧版接口迁移到 HTTP v1 API 的关键步骤、鉴权方式，以及迁移过程中常见的报错与处理方式。Sat, 10 Jan 2026 00:00:00 GMThttps://www.dxin.cc/blog/vite-react-components-library/https://www.dxin.cc/blog/vite-react-components-library/记录使用 Vite、React、TypeScript 与 Tailwind CSS 构建组件库的流程与打包要点，适合搭建可发布的前端组件库。Sat, 03 Jan 2026 00:00:00 GMThttps://www.dxin.cc/blog/chrome-extensions-match-content/https://www.dxin.cc/blog/chrome-extensions-match-content/解决 Chrome 扩展在 SPA 场景下无法按子路由精确注入 content.js 的问题，适合需要按页面状态动态执行脚本的场景。Sat, 27 Dec 2025 00:00:00 GMThttps://www.dxin.cc/blog/Hyper-V-GPU/https://www.dxin.cc/blog/Hyper-V-GPU/记录在 Hyper-V 中为虚拟机配置 AMD GPU 直通的步骤、限制条件与排错经验，适合需要提升图形性能的场景。Sat, 20 Dec 2025 00:00:00 GMThttps://www.dxin.cc/blog/opencv-sliding-verification/https://www.dxin.cc/blog/opencv-sliding-verification/基于 OpenCV 模板匹配分析滑块验证码的定位思路与实现流程，适合了解图像识别在自动化场景中的应用。Sat, 13 Dec 2025 00:00:00 GMThttps://www.dxin.cc/blog/paddleocr-dll/https://www.dxin.cc/blog/paddleocr-dll/记录在 Windows 平台将 PaddleOCR 编译为 DLL，并供 Python 调用时的关键步骤、依赖处理与注意事项。Sat, 06 Dec 2025 00:00:00 GMThttps://www.dxin.cc/blog/tesseract-lstm-train/https://www.dxin.cc/blog/tesseract-lstm-train/介绍 Tesseract 5.0 的 LSTM 训练流程，并分享字体优化、数据准备和识别率提升的实践经验。Sat, 29 Nov 2025 00:00:00 GMThttps://www.dxin.cc/blog/yolov8-predict-train/https://www.dxin.cc/blog/yolov8-predict-train/总结 YOLOv8 自定义目标检测模型的训练流程、数据准备与推理实践，帮助你更快完成自己的检测任务。Sat, 22 Nov 2025 00:00:00 GMThttps://www.dxin.cc/blog/tailwind-animation-delay/https://www.dxin.cc/blog/tailwind-animation-delay/利用 Tailwind CSS 的 matchUtilities 动态生成 animation-delay 实用类，让动画配置更灵活、组件复用更自然。Sat, 15 Nov 2025 00:00:00 GMThttps://www.dxin.cc/blog/build-static-tesseract/https://www.dxin.cc/blog/build-static-tesseract/记录如何通过 vcpkg 构建静态版 Tesseract，并配合 PyInstaller 一起分发，解决桌面 OCR 工具依赖复杂、部署麻烦的问题。Sat, 08 Nov 2025 00:00:00 GMThttps://www.dxin.cc/blog/mobile-message-component/https://www.dxin.cc/blog/mobile-message-component/介绍如何在 Vue 3 中封装支持 Promise 调用的移动端消息对话框组件，提升交互一致性和组件复用性。Sat, 01 Nov 2025 00:00:00 GMThttps://www.dxin.cc/blog/el-upload-ali-oss/https://www.dxin.cc/blog/el-upload-ali-oss/基于 Vue 3 和 Element Plus 封装阿里云 OSS 上传组件，简化前端上传流程并提升业务复用效率。Sat, 25 Oct 2025 00:00:00 GMThttps://www.dxin.cc/blog/promise-pool/https://www.dxin.cc/blog/promise-pool/通过 Promise Pool 控制异步任务并发数量，避免请求拥塞、资源争抢和瞬时流量过高的问题，适合上传和批量请求场景。Sat, 18 Oct 2025 00:00:00 GMThttps://www.dxin.cc/blog/lazyloading/https://www.dxin.cc/blog/lazyloading/介绍图片与动画懒加载的常见实现方式，帮助你在不牺牲体验的前提下优化页面性能。Sat, 11 Oct 2025 00:00:00 GMThttps://www.dxin.cc/blog/ubuntu-development-environment/https://www.dxin.cc/blog/ubuntu-development-environment/用脚本快速完成 Ubuntu 开发环境初始化，包括软件源替换、Git、Docker 与 Nginx 等基础依赖安装。Sat, 27 Sep 2025 00:00:00 GMThttps://www.dxin.cc/blog/fetch/https://www.dxin.cc/blog/fetch/从请求封装思路出发，基于原生 Fetch 构建更轻量的前端请求工具，减少依赖体积并统一请求处理逻辑。Sat, 20 Sep 2025 00:00:00 GMThttps://www.dxin.cc/blog/common-method/https://www.dxin.cc/blog/common-method/整理前端开发中常用的 JavaScript 方法与处理思路，适合作为日常编码时的高频参考清单。Sat, 13 Sep 2025 00:00:00 GMThttps://www.dxin.cc/blog/webhook-deploy/https://www.dxin.cc/blog/webhook-deploy/介绍如何通过 GitHub Webhook 实现静态博客自动部署到自有服务器，减少手动发布成本并提升更新效率。Sat, 16 Aug 2025 00:00:00 GMThttps://www.dxin.cc/blog/husky-auto-format/https://www.dxin.cc/blog/husky-auto-format/通过 Husky、lint-staged、ESLint 与 Prettier 在提交前自动格式化代码，减少多人协作中的风格分歧和无效 diff。Sat, 09 Aug 2025 00:00:00 GMThttps://www.dxin.cc/blog/mobile-adaptation/https://www.dxin.cc/blog/mobile-adaptation/介绍如何通过 postcss-px-to-viewport 将 px 转换为 vw，完成移动端页面的自适应布局，并补充配置思路与实践注意事项。Sat, 02 Aug 2025 00:00:00 GMT