网站引入Google Fonts的实战经验分享
2025年9月2日前端
随便网站不断优化，对网站的字体也要求越来越高了。很多网站会使用自定义的字体，不再使用系统自带的字体，这样可以美化网站。 Google Fonts 在字体库这方面，谷歌有着十分强大的字体库，我们只需要打开 Google Fonts网站 就可以查看到非常多的字体，这里字体不但全，而且还很方便下...
阅读全文9月1日，开学季—学习是一辈子的事情，小半年总结
2025年9月1日杂谈
每年9月1号，大家号称，神兽回笼。 哈哈，可见家长对于放长假的小孩，是多么期待开学。 学习 小时候以为，学习只是在学校的事。 等工作后才发现，学习是一辈子的事情，特别是我们干IT行业的人来说，技术不断更新，只有不断学习才不会被社会淘汰。 人只有不断学习，才能在迷茫的日子中找回自我。 从实现中找到自...
阅读全文解决 Webhook 自动部署中 Git Pull 失败的全过程记录
2025年8月21日前端工程化
在搭建自动化部署环境时，我在 Linux 服务器上配置了 Webhook，期望在代码推送到仓库后自动执行 git pull 拉取最新代码。然而，Webhook 触发后始终无法成功拉取代码，手动执行却完全正常。 环境信息 服务器：Linux 服务器 Webhook 工具：基于宝塔面板或自定义 Webh...
阅读全文解决React项目中线上图片丢失问题
2025年8月19日前端
这是一个在前端项目中非常常见的问题。本地开发环境（通常是 npm run dev 或 yarn dev）和线上生产环境（npm run build 或 yarn build）对静态资源（如图片、字体等）的处理方式不同，这导致了路径差异。 问题根源 本地开发服务器 (Dev Server): 当你运...
阅读全文JavaScript 包管理器选择：npm、pnpm 和 Yarn
2025年8月18日前端工程化
在 JavaScript 生态系统中，包管理器是开发工作流中不可或缺的工具，它们负责管理项目依赖、安装、更新和删除软件包。目前最主流的三个包管理器是 npm、pnpm 和 Yarn。虽然它们都旨在解决相同的问题，但在性能、磁盘空间利用、安全性以及特性集方面存在显著差异。了解这些差异有助于您根据项目需...
阅读全文Docker 进阶篇
2025年8月12日Docker
在开发一个项目时，我们的服务不单单只是一个Next项目 ，可能还会有 数据库、nginx等等，所以这些服务都要一个个去管理容器的话，着实有点麻烦，所以Docker 提供了 Docker Compose 用于容器的管理，你只需要通过一个单独的 docker-compose.yml 文件就可...
阅读全文Next.js应用时间显示问题的深度排查与解决
2025年8月6日前端
在开发Web应用时，时间的准确显示至关重要，尤其是在需要展示用户交互时间（如评论、发帖）的场景。最近，我在一个Next.js博客项目中遇到了一个典型的时间显示问题： 本地开发环境下的评论时间显示正常（例如“15小时前”），但部署到服务器后却显示为“7小时前&rdq...
阅读全文Docker 入门篇
2025年7月30日Docker
当我们了解完 Docker 的基础原理后，接下来我们将进入一个 Docker 使用。 使用Docker 安装 Docker 最快捷的方式就是使用 Docker 客户端了。下载 Docker 由于我是使用win11系统，我直接安装 Docker Desktop for Windows&nbs...
阅读全文Docker 概念篇
2025年7月28日Docker
一、Docker 作用 开发过程中一个常见的问题是环境一致性问题。由于开发环境、测试环境、生产环境不一致，导致有些 bug 并未在开发过程中被发现。而 Docker 的镜像提供了除内核外完整的运行时环境，确保了应用运行环境一致性，从而不会再出现 「这段代码在我机器上没问题啊」 这类问题。 Dock...
阅读全文