LogoTanStarter 文档
LogoTanStarter 文档
首页模板介绍代码库CLI快速开始环境配置部署网站
网站配置

功能集成

Cloudflare数据库存储缓存身份验证邮件
支付
AI邮件订阅通知分析聊天框

功能定制

元数据页面国际化落地页博客组件用户管理密钥管理

代码库

项目结构代码检查编辑器设置更新代码库

衍生项目

MkImage
X (Twitter)

快速开始

学习如何在几分钟内设置和运行您的 TanStarter 网站

本文档将引导您完成 TanStarter 的设置。

前提条件

在开始之前,请确保您已安装以下软件:

Git

Git 是一个版本控制系统,用于跟踪任何文件的更改。

如果未安装 Git,请从 Git 官方网站 下载。

# 检查是否安装了 Git
git --version

Node.js

Node.js 是一个允许您运行 JavaScript 代码的运行时环境。

如果未安装 Node.js,请从 Node.js 官方网站 下载。

# 检查是否安装了 Node.js
node --version

PNPM

包管理器是用于管理项目中依赖项的工具,我们推荐使用 pnpm。

# 如果您还没有安装 pnpm,请安装它
npm install -g pnpm

# 其他平台可以通过其他方式安装:https://pnpm.io/installation

# 检查 pnpm 版本
pnpm --version

GitHub CLI

GitHub CLI(gh)用于将密钥同步到 GitHub,以便通过 GitHub Actions 实现自动化部署。安装并登录:

# 安装 gh(macOS)
brew install gh

# 其他平台可以通过其他方式安装:https://github.com/cli/cli#installation

# 检查是否安装了 gh
gh --version

# 登录到 GitHub
gh auth login

# 检查账号状态
gh auth status

快速配置

新建您的项目

从 GitHub 克隆模板项目仓库:

git clone https://github.com/MkFastHQ/mkfast-template.git your-project-name

cd your-project-name

移除原始远程模板项目仓库连接,并创建一个私有的 GitHub 项目仓库。

# 移除原始远程模板项目仓库
git remote remove origin

# 在 GitHub 上创建一个私有仓库,并设置为远程仓库
gh repo create your-project-name --private --source=. --remote=origin

# 推送代码到您的新项目仓库,并设置默认分支为 main
git push -u origin main

此命令会创建一个私有 GitHub 仓库、将其设置为 origin 远程仓库,并推送代码。

安装项目依赖

通过运行以下命令安装项目依赖:

pnpm install

设置环境变量

将 .env.example 文件复制到 .env 作为起点。

cp .env.example .env

打开环境变量文件并将变量设置为您想要的值,您可以在环境配置文档中找到有关环境变量的更多信息。

启动开发服务器

现在您已经设置好环境变量,可以通过运行以下命令启动开发服务器:

pnpm run dev

这将在 http://localhost:3000 上启动开发服务器,您可以访问模板网站。

视频教程

下一步

现在您已经运行了 TanStarter,以下是一些后续步骤:

环境配置

配置环境变量

网站配置

配置网站核心设置

数据库

配置数据库

部署

部署到 Cloudflare Workers

CLI

使用 TanStarter CLI 将 TanStarter 项目自动部署到 Cloudflare Workers

环境配置

为您的 TanStarter 应用程序配置环境变量

目录

前提条件
Git
Node.js
PNPM
GitHub CLI
快速配置
新建您的项目
安装项目依赖
设置环境变量
启动开发服务器
视频教程
下一步