Loon 新手上路

面向第一次使用 Loon 的中文入门网站，内容整理自 Nitmi_Rules README 中的 “Loon 小白使用教程”。网站用 5 个步骤引导用户完成基础配置、必要设置、 机场节点导入、插件安装和日常微调。

技术栈

• Next.js 16、React 19、TypeScript
• 原生 CSS 和 Lucide React 图标

本地开发

需要 Node.js >=22.13.0。

npm install
npm run dev

常用命令：

npm run dev       # 启动 vinext 本地开发服务
npm run build     # 构建 Sites/vinext 版本
npm test          # 构建并检查关键教程内容
npm run lint      # 运行 ESLint
npx next build    # 验证 Vercel/Next.js 生产构建

项目结构

app/
  layout.tsx      页面元数据和根布局
  page.tsx        教程页面及交互
  globals.css     全局样式和响应式布局
public/
  loon-config-diagram.png  Loon 设置参考图
  favicon.png              网站图标
  og.png                   社交分享图片
tests/
  rendered-html.test.mjs   构建结果内容检查
worker/
  index.ts                 Sites 备用版本的 Worker 入口