关于 screwfast
ScrewFast 是用于构建落地页、博客和文档站点的 Astro 模板,集成 Tailwind CSS、Preline UI、动画工具与 Starlight 文档。
主要功能
- 01落地页、博客和文档模板
- 02基于 Astro 5 与 Starlight
- 03Tailwind CSS 4 和 Preline UI
- 04GSAP 动画与 Lenis 滚动
- 05构建和预览脚本
适用场景
- 01创建产品落地页
- 02同时发布博客与文档
安装
复制下面的命令,在终端中运行。
$
npx skills add https:/ / github.com/ rebyteai-template/ rebyte-skills --skill screwfast安装后在 Claude Code 中输入/screwfast确认已加载。
详细介绍
ScrewFast 落地页
一个多用途的落地页、博客和文档模板,采用 Astro 5、Tailwind CSS 4、Preline UI、GSAP 动画和 Starlight 文档。
技术栈
- 框架:Astro 5 和 Starlight 文档
- 样式:Tailwind CSS 4、Preline UI
- 动画:GSAP、Lenis 平滑滚动
- 包管理器:npm
- 输出:
dist目录 - 开发端口:4321
设置
1. 克隆模板
git clone --depth 1 https://github.com/Eng0AI/screwfast-template.git .
如果目录不为空:
git clone --depth 1 https://github.com/Eng0AI/screwfast-template.git _temp_template
mv _temp_template/* _temp_template/.* . 2>/dev/null || true
rm -rf _temp_template
2. 移除 Git 历史记录(可选)
rm -rf .git
git init
3. 安装依赖
npm install
构建
npm run build
运行 astro check && astro build && node process-html.mjs,执行类型检查、构建并压缩 HTML。
部署
Vercel(推荐)
vercel pull --yes -t $VERCEL_TOKEN
vercel build --prod -t $VERCEL_TOKEN
vercel deploy --prebuilt --prod --yes -t $VERCEL_TOKEN
Netlify
netlify deploy --prod --dir=dist
开发
npm run dev
将在 http://localhost:4321 打开
预览生产构建:
npm run preview
评论
支持 Markdown