3 | Page | Codexun博客

Next.js 系列之 app router 和 page router 的区别

Next.js 中的 App Router（应用路由）和 Page Router（页面路由）是两种不同的路由架构，主要区别在于目录结构、功能特性、数据加载方式及布局管理。- App Router 是 Next.js 的未来方向，提供更强大的布局管理、流式渲染和服务端组件支持，适合追求高性能和现代特性的项目。- Page Router 适合维护旧项目或简单应用，但功能扩展性较弱。- 建议新项目直接采用 App Router，旧项目可逐步迁移以利用新特性。

2025-4-5

Serverless（无服务器架构）是一种云计算模型，其核心思想是开发者无需关注底层服务器的运维、扩容和资源分配，只需专注于编写业务代码。云服务商（如 AWS、腾讯云、阿里云）会动态管理计算资源的分配，按需执行代码并自动伸缩。在前端开发中，Serverless 主要用于解决后端服务部署、API 管理和静态资源托管等问题，尤其适合结合 SSR（服务端渲染）技术使用。

2025-4-3

Next.js 系列之客户端组件（Client Components）和服务端组件（Server Components）的区别

Next.js 中客户端组件（Client Components）和服务端组件（Server Components）的核心区别在于运行环境、功能特性及适用场景，以下是详细对比。服务端组件和客户端组件在 Next.js 中形成互补，服务端组件侧重于性能优化、数据安全与静态内容渲染。客户端组件专注于交互性和动态功能。合理混合使用两者（如服务端获取数据后传递给客户端处理交互），可构建高效且用户友好的应用。

2025-4-1

个税年度汇算时，申报的劳务报酬总收入小于本年度代开的劳务发票总金额，该如何处理？

由于您申报的收入存在待核实的事项，且纳税人年度汇算时申报的劳务报酬总收入小于本年度代开的劳务发票（不含汇总代开发票）总金额，故不予同意本次退税申请。税务审核不通过解决办法，新增一笔劳务报酬，重新申报即可。

2025-3-25

utterances 是一个轻量级的评论插件 Utterances，基于 GitHub Issues 构建，无广告、无跟踪、开源且永久免费。它通过 GitHub OAuth 流程授权用户发表评论，所有数据存储在 GitHub 中，支持多种页面与 Issue 的映射方式，并提供多种主题自定义选项。

Blog

2025-3-21

XAPK文件是一种文件扩展格式，它与APK格式有些相似，但也有所不同。可以这么理解： XAPK文件= APK文件+ OBB数据文件。（OBB（Opaque Binary Blob）文件格式，是安卓游戏通用数据包）包含了单独的APK文件和OBB cache assets文件。Google Play 商店要求压缩APK大小不超过100 MB。用户通过Google Play Console每次上传一个APK时可以选择附带一到两个.obb格式的文件，这种.obb文件可以是大小不超过2 GB的任何格式（ZIP，PDF，MP4等）。

2025-3-20

通过 GitHub Actions 与 Vercel 集成，实现代码的自动化部署。除了上一篇文章使用Deploy Hooks 的方式进行调用部署之外，还可以有更复杂的场景。比如可以将 Vercel 与 GitHub Actions 一起使用作为您的 CI/CD 提供程序，在每次推送代码时生成预览部署，并在代码合并到main分支时部署到生产环境。具体实现步骤包括获取访问令牌、配置 GitHub Actions，以及利用 GitHub Marketplace 上的现成 Actions 来实现更灵活的部署。

2025-3-17

使用 GitHub Actions 定时触发 Vercel 部署，创建 Build Hooks 和设置 GitHub Actions 变量，以实现每天自动构建和部署网站，优化 SEO 和速度。

2025-3-16

github actions工作流有输入。当工作流由 cron 触发时，我需要它使用一些默认变量运行。为了支持手动触发，添加了 workflow_dispatch，并提供了用户输入选项 text_to_print，可以覆盖默认值。

2025-3-15

remark 是一个使用插件转换 Markdown 的工具。它可以检查和修改您的标记，可以在服务器、客户端、CLI、Deno 等上使用 remark。另外，remark 还是一个插件生态系统，它使用 markdown 作为结构化数据，特别是 AST（抽象语法树）。AST 使程序可以轻松处理 markdown，我们称这些程序为插件。remark 生态系统包含许多现有插件，当然也可以自己制作插件。

2025-3-14