Tailcast

英文原文正文为项目原始 README（英文），本站后续会翻译为中文，当前仅剔除图片与无关章节并统一排版。

尾投

基于 Astro 6 和 Tailwind CSS 构建的深色主题网站模板，专为虚构初创公司设计。
响应式、快速，并且可定制。

在线演示 · 快速开始 · 更新日志

📷 原文此处有图片，请前往 GitHub 仓库查看完整内容。

技术栈

Astro 6, TypeScript, Tailwind CSS 4, ESLint, Prettier

功能

• 8 个页面 - 首页, 关于, 服务, 博客, 文章, 招聘, 联系, 404
• SEO 优化 - 网站地图, Open Graph, 规范 URL, 元描述
• 可访问性 - 语义化 HTML, ARIA 属性, 键盘导航
• 页面过渡 - 使用 Astro 客户端路由实现平滑页面导航，无需整页刷新
• 响应式 - 移动优先设计，适应任何屏幕尺寸
• 代码质量 - ESLint、Prettier 和 CI 流程预配置，配合 Astro 和 Tailwind 插件

预览

快速开始

git clone https://github.com/matt765/Tailcast.git
cd Tailcast
npm install
npm run dev

导航到 http://localhost:4321 查看网站。

你也可以一键部署到 Vercel：

项目结构

├── public/
│   ├── favicon.svg
│   ├── og-image.png
│   └── robots.txt
├── src/
│   ├── assets/
│   │   ├── icons/          # SVG icon components
│   │   ├── images/         # Optimized with Astro Image
│   │   └── logos/          # Brand logo components
│   ├── components/         # Reusable Astro components
│   ├── content/
│   │   └── blog/           # Markdown blog posts
│   ├── data/               # Static data (positions)
│   ├── layouts/
│   │   └── Layout.astro    # Base layout with SEO meta
│   ├── pages/              # File-based routing
│   │   ├── about.astro
│   │   ├── blog/
│   │   ├── careers/
│   │   ├── contact.astro
│   │   ├── index.astro
│   │   └── 404.astro
│   └── styles/
│       ├── Theme.css       # Design tokens & utility classes
│       └── diagonals.css
├── astro.config.mjs
├── eslint.config.js
├── package.json
└── tsconfig.json

可用命令

许可证

该项目为开源项目，遵循 MIT 许可证。详情请参见 LICENSE。

作者

Created by matt765