可在线预览多种文档格式.

一、来源

阮一峰周刊

仓库地址

二、部署

2.1 Cloudflare Pages

编译一直不通过.放弃

2.1.1 编译部署

  1. 克隆仓库
  2. 部署框架 None

  3. 添加环境变量

1

  1. 构建部署命令
1
corepack enable && corepack prepare pnpm@latest --activate && pnpm install && pnpm build
  1. 输出目录
1
apps/viewer-demo/dist

2.1.2 上传编译产物

  1. 下载编译产物,解压
1
file-viewer-v2-{版本号}-official-demo-iframe.tar.gz
  1. 直接上传,超过文件数量,需要使用 wrangler 上传,

  2. 安装 wrangler

1
npm install -g wrangler
  1. 登录
1
wrangler login
  1. 部署
1
wrangler pages deploy ./file-viewer-v2-2.1.26-official-demo-iframe --project-name=file-viewer
  1. 有一个文件超过 25M,需要删除支持后上传

代价是失去了 .typ 文件预览支持.

1
Remove-Item .\file-viewer-v2-2.1.26-official-demo-iframe\wasm\typst\typst_ts_web_compiler_bg.wasm

2.2 Edgeone Page

Cloudflare Pages

三、效果

https://file-viewer.bravexist.cn

效果图