AstroSvelte企业官网

landing-page-book-astro-tailwind — Astro 企业官网模板

作者 candidosales

一个基于 Astro 与 Tailwind 的图书销售落地页模板,包含 Svelte 组件、站点地图、Vercel 无服务器部署与 Partytown 集成 Google Analytics 的配置。

看看你的网站会是什么样

浏览真实页面截图,比较内容排版与手机效果。点击下方缩略图切换,放大查看整页细节。

2 个预览视图
桌面端首页1 / 2
桌面端截图首屏预览

由服务器浏览器实际访问页面后截取。

全部页面与视图 2

截图用于了解视觉与布局,交互效果请以实际项目为准。

采集于 2026-10-04查看来源

值得关注的模板亮点

从已有项目资料中,快速了解它的特点。

01

使用 Astro 构建,并包含 Svelte 组件

02

样式基于 Tailwind,主题色可在 global.css 的 @theme 中调整

03

已配置 Astro/Sitemap 生成站点地图

04

提供 Vercel 无服务器部署集成配置

05

通过 Partytown 接入 Google Analytics

06

MIT 许可,允许免费使用、修改、商用和分发该版本代码

模板详细介绍

这是一个面向图书销售的落地页模板,仓库名为 landing-page-book-astro-tailwind,灵感来自 14habits.com。技术栈以 Astro 为主,同时包含 Svelte 组件,样式使用 Tailwind。页面结构围绕单本图书的展示与销售引导展开,适合作为作者或出版方发布新书时的宣传页起点。

模板已配置站点地图(Astro/Sitemap),并针对 Vercel 无服务器部署做了集成设置;同时通过 Partytown 接入 Google Analytics,用于统计访问数据。README 中列出了本地开发、构建、预览与 Astro CLI 的常用命令,并说明主题色可在 src/styles/global.css 的 @theme 中调整。

需要注意,仓库资料未提供页面区块的详细清单、表单或支付流程说明,因此无法确认是否包含购物车、结账或邮件订阅等具体功能。使用前应自行核对演示图片、字体、图标等第三方素材的许可,以及域名、托管、分析等外部服务的费用。

AstroSvelte企业官网

适合你的项目吗?

适用场景

  • 为单本图书制作宣传与销售引导的落地页
  • 作为作者个人网站中介绍新书的独立页面
  • 在 Vercel 上快速部署图书推广页并统计访问数据
  • 作为学习 Astro 与 Tailwind 组合的参考项目

适合人群

  • 需要为图书快速搭建单页宣传页的作者或出版方
  • 使用 Astro 与 Tailwind 的前端开发者
  • 计划在 Vercel 上部署静态或混合渲染站点的团队
  • 希望参考 Astro 集成站点地图与 Partytown 分析配置的开发者

上手与定制指南

结合仓库当前版本的说明,按下面的资料检查内容、配置与运行要求。

  1. 1

    在项目根目录执行 npm install 安装依赖

  2. 2

    使用 npm run dev 启动本地开发服务器(默认 localhost:3000)

  3. 3

    使用 npm run build 构建生产站点到 ./dist/,再用 npm run preview 本地预览

  4. 4

    主题色在 src/styles/global.css 的 @theme 中修改

  5. 5

    部署到 Vercel 前需按需配置无服务器与 Google Analytics 相关设置

查看仓库使用说明

授权与来源资料

使用条件与限制

免费使用 · 保留许可声明

本次收录的是公开仓库中采用 MIT 许可的免费版本;免费范围为该版本代码,不代表外部服务或第三方素材免费。

使用时需要遵守

  • 允许免费使用、修改、商用和分发该版本代码。
  • 分发代码副本或实质性部分时,保留原作者版权声明和完整 MIT 许可声明。
  • 代码按现状提供;担保与责任限制以原许可证及适用法律为准。

额外费用与待核对事项

  • 演示图片、字体、图标及其他第三方素材需按各自许可核对,不能仅凭代码的 MIT 许可判断。
  • 域名、托管、数据库、支付或 AI 等外部服务可能另外收费。
  • 模板集成了 Vercel 无服务器部署配置,实际部署需使用 Vercel 账号与托管服务,可能产生外部服务费用。
  • 模板通过 Partytown 接入 Google Analytics,使用前需自行准备 Google Analytics 账号与跟踪 ID,并遵守其服务条款。
  • SEO 相关功能依赖 Google 的 Rich Results Test 等外部工具,使用这些服务需遵守 Google 的条款。
  • README 鼓励通过捐赠支持项目,但捐赠为自愿行为,并非使用代码的强制条件。
  • 文档采用 Creative Commons 许可,与代码的 MIT 许可不同;若复用文档内容需遵守 CC 署名要求。
查看原文依据

Permission is hereby granted, free of charge

许可证原文

- ✅ [Deploy at Vercel with Serverless](https://docs.astro.build/en/guides/integrations-guide/vercel/);

README 原文

- ✅ [Partytown + Google Analytics](https://partytown.builder.io/google-tag-manager)

README 原文

- Rich Results Test: https://search.google.com/test/rich-results

README 原文

4. Support the project by donating a [cup of coffee](https://buymeacoff.ee/candidosales).

README 原文

Docs released under [Creative Commons](https://creativecommons.org/licenses/by/3.0/).

README 原文
https://github.com/candidosales/landing-page-book-astro-tailwind/blob/main/LICENSEhttps://github.com/candidosales/landing-page-book-astro-tailwind/blob/main/README.md

DeepSeek 根据仓库许可证和 README 整理 ·2026-10-04。结果仅覆盖已读取资料,依赖、图片、字体及后续条款变更以各自原文为准。

项目核对记录与介绍依据

模板资料

来源平台
Astro Themes
资料与维护参考分
资料较完整 · 92 / 100
技术栈
Astro · Svelte
网站类型
企业官网
这个分数如何计算

本站按许可资料(最高30分)、演示链接(12分)、预览图(10分)、Star数(15分)、记录的维护时间(15分)、描述完整度(8分)、功能记录(5分)和分类资料(5分)计算。它不是代码、安全或性能测试,也不是 Google 评分;有链接不代表已实测可用。

这个项目需要核对什么

记录的仓库更新时间
2026-03-15
截图检查日期
2026-10-04

已收录演示链接。请用你的内容与屏幕尺寸检查;有演示不代表表单、认证或支付已经可用。

目录记录的主要技术栈是 Astro。请通过依赖清单和锁文件核对实际版本与托管要求。这些说明基于收录资料,不代表代码审计或部署实测。

查看具体选型方法 →

介绍的制作与核对状态

介绍由 AI 辅助整理目录与仓库资料。仓库作者不等于这篇介绍的审核者。

审核声明: [email protected] · 2026-10-04

查看当时使用的来源资料

SHA-256: d9dc5c561a9a4174728804a0be85d08644bc7cd30ed075be38a10d61bdaeee1c

2026-10-04T13:26:49.080Z

来源文件 / 仓库
# Landing Page Book - Astro + Tailwind + Vercel Edge

Inspired by: https://14habits.com/

## 🎯 Features

- ✅ [Tailwind 4](https://tailwindcss.com/);
- ✅ [Astro 6v](https://astro.build/);
- ✅ [Astro/Sitemap](https://docs.astro.build/en/guides/integrations-guide/sitemap/);
- ✅ [Deploy at Vercel with Serverless](https://docs.astro.build/en/guides/integrations-guide/vercel/);
- ✅ [Partytown + Google Analytics](https://partytown.builder.io/google-tag-manager)

## 🧞 Commands

All commands are run from the root of the project, from a terminal:

| Command                | Action                                             |
| :--------------------- | :------------------------------------------------- |
| `npm install`          | Installs dependencies                              |
| `npm run dev`          | Starts local dev server at `localhost:3000`        |
| `npm run build`        | Build your production site to `./dist/`            |
| `npm run preview`      | Preview your build locally, before deploying       |
| `npm run astro ...`    | Run CLI commands like `astro add`, `astro preview` |
| `npm run astro --help` | Get help using the Astro CLI                       |
| `npx @astrojs/upgrade` | Astro upgrade                                      |

## 🎨 Customization

Update variable colours at:

- `@theme` in [global.css](./src/styles/global.css);

## 🔍 SEO

- Rich Results Test: https://search.google.com/test/rich-results
- https://developers.facebook.com/tools/debug/

## Examples

Check the [demo](https://landing-page-book-astro-svelte-tailwind.vercel.app/).

## 👍 Contribute

If you want to say thank you and/or support the active development this project:

1. Add a [GitHub Star](https://github.com/candidosales/landing-page-book-astro-svelte-tailwind/stargazers) to the project.
2. Tweet about the project [on your Twitter](https://twitter.com/intent/tweet?url=https%3A%2F%2Fgithub.com%2Fcandidosales%2Flanding-page-book-astro-svelte-tailwind&text=Dependencies%20report%20aims%20to%20help%20analyze%20the%20consistency%20of%20the%20dependencies%20in%20your%20company%27s%20frontend%20projects).
3. Write a review or tutorial on [Medium](https://medium.com/), [Dev.to](https://dev.to/) or personal blog.
4. Support the project by donating a [cup of coffee](https://buymeacoff.ee/candidosales).

## ☕ Supporters

If you want to support this project, you can ☕ [**buy a coffee here**](https://buymeacoff.ee/candidosales)

## ✨ Acknowledgment

- [zenorocha/14habits.com](https://github.com/zenorocha/14habits.com)

## Author

- Cândido Sales - [@candidosales](https://twitter.com/candidosales)

## ⚠️ Copyright and license

Code and documentation copyright 2020-2030 the [Authors](https://github.com/candidosales/material-time-picker/graphs/contributors) and Code released under the [MIT License](https://github.com/candidosales/material-time-picker/blob/master/LICENSE). Docs released under [Creative Commons](https://creativecommons.org/licenses/by/3.0/).
反馈内容错误

看看同类模板

对比同技术栈与用途的模板,找到更适合的视觉与内容结构。