si-website

一个使用 Docusaurus 和 TypeScript 构建的网站，通过 Cloudflare Functions 和 Cloudflare KV 作为无服务器后端，同时借助 AI 转换出了采用 Express 构建的后端.

维护指南

快速开始

0. 安装软件

• Git

• Node.js

• VSCode (没有中文？扩展中安装简体中文扩展即可)

1. 克隆 (Clone) 仓库

建议跟随 VSCode 指引克隆项目

2. 安装依赖

打开项目，在 VSCode 终端输入：

npm install && cd server && npm install

3. 运行项目

npm run start

4. 构建网站

npm run build

5. 启动服务器 (前后端)

npm run server

6. 托管到 Cloudflare Pages

1. Fork 本项目 > 进入 Cloudflare 仪表盘 > (注册账号) > 进入计算 (Workers) > Workers 和 Pages > 创建 > Pages > 导入现有 Git 存储库 > 选择本项目 > 框架预设选择 Docusaurus > 保存并部署
2. Cloudflare 仪表盘 > 存储和数据库 > KV > 新建 > 按表格“值”创建 > Pages > 设置 > 绑定 > 添加 > KV 命名空间 > 按表格添加

类型	名称	值
KV 命名空间	CODE	si-registerCode
KV 命名空间	DATA	si-data
KV 命名空间	PART_LIST	si-participants
KV 命名空间	QA	si-qa
KV 命名空间	USERS	si-users
KV 命名空间	VOTE	si-vote

你大概率需要经常用到的文档

TypeScript

TypeScript 中文手册

TypeScript 菜鸟教程

React

React 中文文档

CSS

MDN CSS 官方文档

Docusaurus

Docusaurus 文档

• Docusaurus 核心

• Docusaurus 配置

• Docusaurus Swizzling

Infima

Infima 文档

Git

Git 菜鸟教程

Git 速查表 (上方有中文)

它们之间的关系？

Docusaurus(模板) 是一个基于 React(框架) 的静态网站生成器，它支持使用 TypeScript(语言) 编写，并使用 Infima(组件库) 作为 CSS 框架。