Codexun博客 | 汇集编程、AI、产品、科技，探索编程和技术未来

04.05
2025

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

Next.js 中的 App Router（应用路由）和 Page Router（页面路由）是两种不同的路由架构，主要区别在于目录结构、功能特性、数据加载方式及布局管理。以下是详细对比： 1. 目录结构与路由定义特性 App Router (Next.js 13+) Page Router (Next.js 12

阅读全文→

04.03
2025

Next.js 系列之Serverless（无服务器架构）介绍

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

阅读全文→

04.01
2025

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

Next.js 中客户端组件（Client Components）和服务端组件（Server Components）的核心区别在于运行环境、功能特性及适用场景，以下是详细对比： 1. 运行环境与渲染方式服务端组件 • 环境：仅在服务器端运行，生成静态 HTML 发送到客户端。 • 渲染：支持静态渲染（默认）、动态渲染

阅读全文→

03.25
2025

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

2024年度个税汇算退税，从 3月21 号开始不需要预约了，然后抓紧时间对 2024 年的个税进行汇算申报，说不定还能退点税呢。 1、全年一次性奖金计税方式的选择趁着周末的时间，打开了个税 APP进行了一番操作，其中 24 年因为有一项是奖金，可以尝试选择 **计税方式 **，两种计税方式对比一下，在最后一步查看退税

阅读全文→

03.21
2025

为博客集成utterances 评论组件

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

阅读全文→

03.20
2025

XAPK是什么文件，如何在安卓上安装XAPK？

什么是XAPK? XAPK文件是一种文件扩展格式，它与APK格式有些相似，但也有所不同。可以这么理解： XAPK文件= APK文件+ OBB数据文件。（OBB（Opaque Binary Blob）文件格式，是安卓游戏通用数据包）包含了单独的APK文件和OBB cache assets文件。 Google Play

阅读全文→

03.17
2025

使用自定义 GitHub Actions CI/CD 部署到 Vercel

除了上一篇介绍的使用 Github Action自动执行Vercel 部署** **使用Deploy Hooks 的方式进行部署之外，还可以有更复杂的场景。比如可以将 Vercel 与 GitHub Actions 一起使用作为您的 CI/CD 提供程序，在每次推送代码时生成预览部署，并在代码合并到main分支时部

阅读全文→

03.16
2025

使用 Github Action自动执行Vercel 部署

之前本网站部署在 Netlify 上的，有过一篇文章**使用 Github Action自动执行 Netlify 部署****。 **以解决每周自动部署网站的功能，详细可点击查看。最近想查看下国内访问网站的速度情况，所以使用 itdog ping 工具进行了测试，发现国内的情况十分不理想。所以萌生了起换到 verc

阅读全文→

03.15
2025

GitHub Actions：带有输入的调度和计划工作流程

最近编写了一个项目，需要每天定时从 producthunt 抓取数据并生成阅读良好的 markdown 文档，项目已经上线，[参考地址](https://indiehack.org/)。除此之外，还希望能够输入日期，手动触发抓取这一天的数据。也就是，工作流有输入。当工作流由 cron 触发时，我需要它使用一些默认变

阅读全文→

03.14
2025

remark：转换 Markdown 的神器

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

阅读全文→

03.13
2025

pdftk：命令行工具对 pdf 文档进行合并分割

pdftk 是我们处理 PDF 的命令行工具，可以在客户端脚本或服务器端对 PDF 文档进行处理。 1、PDFtk 功能 PDFtk 可以有如下等功能：合并 PDF 文档或整理 PDF 页面扫描件将 PDF 页面拆分为新文档旋转 PDF 文档或页面根据需要加密输出应用背景水印或前景图章解压 PDF 附件将

阅读全文→

03.12
2025

scrcpy：安卓手机投屏到 mac、windows 神器

Scrcpy是“screen copy“的缩写，是Github上的一款开源项目，可以通过有线链接或者无线连接来将安卓屏幕投射到Mac上。并允许使用电脑的键盘和鼠标进行控制。它无需设备具备 root 权限，也无需在设备上安装应用。支持 Linux、Windows 和 macOS 系统。 scrcpy github：***

阅读全文→

03.10
2025

Notion：配合使用 Next.js 搭建低成本博客

之前搭建过不少类型的博客，但是总有不少的麻烦之处。比如 hugo、hexo 搭建的静态博客，需要提交新的 markdown 内容到项目仓库，然后将 build 的内容提交才能更新博客；内容中的图片存储可以使用一些第三方的图片存储服务，不过处理起来也稍显麻烦。而类似 wordpress 的一些博客方案，需要有自己的服

阅读全文→

03.08
2025

使用 Github Action自动执行 Netlify 部署

GitHub Actions 在众多使用场景中都非常实用，例如在特定操作（如推送到某个分支）时触发 CI/CD 构建。还可以扩展为在特定时间运行定时任务（cron job）。在本文中，我们将探讨如何利用 GitHub Actions 在指定时间触发 Netlify 的构建任务。本博客是部署在 Netlify 上，技

阅读全文→

03.07
2025

adb命令行导出已安装应用apk文件

如果已经在Android手机上安装了App应用程序，那么Android系统会保留应用程序的apk安装副本。如果要导出这些apk文件，可以有如下命令行方案。一、命令列出当前手机上已经安装的apk 先通过 adb shell pm list packages 二、找出要导出的应用包名，命令行找到 apk 的路径比如要导

阅读全文→

02.07
2025

Kokoro 开源TTS引擎上线！多语言支持,无需联网，浏览器内极速运行

Kokoro 是一款轻量级的开源文本转语音（TTS）引擎，凭借其高效能和轻量化设计，迅速在技术社区中引起关注。本文将详细介绍 Kokoro 的主要特点，并提供在浏览器和 Python 环境中的代码示例，帮助您快速上手。 1. Kokoro：可在浏览器中运行的 TTS 引擎 1.1 简介 Kokoro 是一个拥有 82

阅读全文→

10.23
2024

添加Google Analytics到Astro 网站

1、设置 Google Analytics 访问**Google Analytics**帐户，为自己的网站创建Google Analytics追踪代码。最终会得到类似如下的代码  <script async src="https://www.googletag

阅读全文→

10.21
2024

前端跨域问题梳理

1、浏览器的同源策略 1.1 同源策略概述**#** 同源策略是浏览器为确保资源安全，而遵循的一种策略，该策略对访问资源进行了一些限制。 W3C 上对同源策略的说明：Same origin policy。 1.2 什么是源（origin）？****# 源的组成部分下面表格中，只有最后一行的两个源是同源。源 1 源

阅读全文→

10.19
2024

前端项目上线的几种方式

前端项目上线可通过打包、部署本地服务器、使用nginx等方式实现，需解决页面刷新404和请求无法发送的问题，建议使用hash模式或配置服务器返回index.html来处理路由问题，并通过http-proxy-middleware设置代理。云服务器部署流程与本地类似。

阅读全文→

10.18
2024

Git 分支基本使用

1、分支的概念**#** 分支是 git 的一个重要特性，它可以让开发人员从主线上分离出来，在一个独立的线路上继续开发，最后可以灵活的选择合并分支，还是丢弃分支。用一个生活中的例子，来理解分支：比如我们正在写一本小说，这本小说的当前内容就像是 git 中的 master 分支，现在我们有几个新的想法，比如：新的角色

阅读全文→

10.17
2024

Git 快速上手

一、Git 简介 Git 是一款版本控制系统，它可以追踪文件的更改，并能多人协同开发，它最初由 Linus Torvalds 在 2005 年为更好地管理 Linux 内核而设计的； Git 是目前最流行的版本控制系统，主要功能有： ● 代码备份 ● 版本回退 ● 协同开发 ● 权限控制二、下载安装下载地址：**h

阅读全文→