Ebin Blog

hello world!

前端项目自动化部署改造方案

前端项目自动化部署改造方案 背景 传统的静态网站部署通常需要手动执行以下步骤： 本地构建项目 手动上传构建文件到服务器 配置Nginx虚拟主机 重启Web服务 这种手动部署方式存在以下问题： 部署过程繁琐，容易出错 无法保证部署的一致性 缺乏版本控制和回滚机制 部署效率低下，影响开发节奏 解决方案 采用 GitHub Actions + SS...

Posted by abining on September 25, 2025

聚会就餐

生活中经常会有和同学聚餐吃饭的情况。 餐厅选择 你刚毕业，工资 7k，在杭州吃饭可以既体面又不过分铺张。几个方向： 小资餐厅 ：比如西湖边的创意川菜、江浙融合菜，环境好，适合叙旧。人均 100 左右。 地道杭帮菜 ：像外婆家、绿茶，价格适中，人均 70–100，味道稳定。 特色小馆 ：如果你们都喜欢聊到很晚，可以选精酿酒馆或小火锅，人均 80–120，氛围轻松。 ...

Posted by abining on September 5, 2025

nginx配置，将前端项目配置到子路径下踩过的坑。

实战场景还原：为什么静态资源被误捕获？ 在项目中，使用了以下配置处理 Vue 子应用 /pic/： 1 2 3 4 5 location /pic/ { alias /www/wwwroot/html2/dist/; index index.html; try_files $uri $uri/ /index.html; } 发现：当存在全局正则 location ~ .*...

Posted by abining on September 5, 2025

浏览器提示“这些扩展程序可能很快将不再受支持”？解决方案在这里！

谷歌浏览器开始停止支持MV2扩展程序 目前可通过实验性选项恢复使用 在使用 Chrome、Edge、Brave 或其他 Chromium 内核浏览器时，可能突然发现： “这些扩展程序可能很快将不再受支持。” 而打开详情一看，自己常用的扩展（比如 SimpRead、Copixel 等）赫然在列，顿时让人感到不安——是不是这些扩展以后都不能用了？ 别慌，我们一步步来搞清楚这个问题...

Posted by abining on July 22, 2025

用油猴脚本为 Duome Stories 添加键盘音频控制：从痛点到优化

🎧 用油猴脚本为 Duome Stories 添加键盘音频控制：从痛点到优化 ✨ 背景：从 Duome 学英语的真实痛点出发 Duome.eu/stories 是我在学习英语时频繁使用的非官方资源网站，提供了丰富的语音故事。每个句子都配有音频，理论上是沉浸式学习的绝佳方式，但实际体验却有明显瑕疵。 😫 我的两个核心痛点 1. 播放音频延迟太久 页面中每个句子的音频都是通过浏...

Posted by abining on July 21, 2025

浏览器文件下载机制深度解析：前端实现与后端协作指南

浏览器文件下载机制深度解析：前端实现与后端协作指南 I. 引言 文件下载是现代Web应用中不可或缺的核心功能，无论是用户下载文档、图片、媒体文件，还是获取软件安装包，对无缝、高效的文件下载体验都有着极高的要求。一个设计精良的文件下载机制不仅能显著提升用户满意度，更是数据交互和业务流程顺畅运行的关键组成部分。 文件下载的实现并非前端或后端单一职责，而是两者紧密协作的产物。前端负责触发下载...

Posted by abining on May 29, 2025

油猴脚本管理教程：发布、同步与实用技巧

🛠️ 油猴脚本管理教程：发布、同步与实用技巧 Tampermonkey 是一款流行的浏览器扩展，用于运行用户脚本（UserScripts），它可以大幅度地增强网页功能。本教程将带你了解如何高效地发布你的油猴脚本，并在多个设备之间同步这些脚本。 本期以我开发的油猴脚本：CodeCV简历保存打印脚本为例 📦 一、脚本发布方法 你可以通过以下方式将脚本发布给他人使用： 1. 发布到脚...

Posted by abining on May 14, 2025

Mac系统安装PicGo报错“文件已损坏”解决记录

Mac系统安装PicGo报错“文件已损坏”解决记录 在使用Mac系统进行工作和学习的过程中，为了高效管理图片资源，我选择安装PicGo这款功能强大的图床工具。 PicGo官方的GitHub地址为https://picgo.github.io/PicGo-Doc/en/guide/#instruction ，在该页面可找到适合不同系统的官方下载地址。 一、安装报错情况 下载完成后，当我尝...

Posted by abining on April 18, 2025

macOS 内外网共存方案：配置双网卡实现网络分流

在日常工作中，我们经常需要同时接入公司的内网与互联网。本文将介绍如何在 macOS 系统中通过配置双网卡，实现内外网同时接入，避免频繁切换网络接口的烦恼，提升开发效率。 1. 目标与网络环境 目的：实现电脑同时接入内网与互联网，提升工作流畅度。 网络环境： 内网：有线网卡 外网：无线网卡（wifi） 2. 查看网络硬件接口 在终端执行以下命令，查看所有硬件端口及其...

Posted by abining on April 9, 2025

在 Git 中彻底消除 .DS_Store 文件

在 Git 中彻底消除 .DS_Store 文件 1. .DS_Store 文件的由来 1.1 macOS 文件管理的历史 .DS_Store（Desktop Services Store）文件起源于 macOS 早期的 Finder（文件管理器）系统。早在 Mac OS X 10.0（Cheetah）时代，苹果公司为了改进用户体验，引入了 .DS_Store 文件来存储文件夹的自定义...

Posted by abining on March 27, 2025

FEATURED TAGS
Linux 前端开发 面试 前端 浏览器 面试题 git 工具 技术 Tampermonkey macOS nginx
ABOUT ME

要做一个有 swag 的程序员
技术栈：Vue、Vite、React、TypeScript、Node.js

FRIENDS
-->