前言

最近在网上阅览文章时发现了一些有意思的内容，在Alist-Web的官方GitHub存储库中有人issue提问过如何将Alist前端静态部署到Cloudflare Page，本身Alist的官方演示也是部署在上面的，官方也在仓库里写了可以将其部署到静态云函数上，综合各方资料后，我水了这篇文章（直言不讳）

开始

Fork仓库

把Alist-Web的官方GitHub仓库Fork到你的GitHub账号下

配置API

打开目录下的.env.production文件，修改其中API链接为你的Alist链接

VITE_API_URL = "https://alist.xxx.com/"

配置中文（简体）

默认情况下，仓库内并没有自带中文（简体）的语言文件，这样如果你直接部署，部署完以后打开页面就是全英文。

前往官方的Crowdin界面打包并下载中文（简体）语言包，放入仓库中并解压到src/lang目录下。

编辑.gitignore文件，在其中添加一行：!/src/lang/zh-CN以确保中文语言文件不被忽略。

使用 pnpm install 安装相关依赖（没有pnpm包管理器需要先通过npm install 安装，需要nodejs环境），安装完毕后，使用 node .\scripts\i18n.mjs 指令在站点目录下生成中文语言相关文件。

部署

这里不做过多赘述，把你所做的修改Git提交到你Fork的仓库，然后前往Vercel，Netlify，Cloudflare Page等平台选择你Fork的仓库部署即可。

注意部署指令设置为 pnpm install && pnpm build ，输出目录设置为dist，提交部署即可。