⚡ Astro 作品集与博客模板
一款闪电般快速、对开发者友好的网站模板,使用 Astro 5.7+ 和 Tailwind CSS 4.1+ 构建。完全响应式、SEO 优化且随时可定制——非常适合希望在几分钟内搭建现代个人网站的设计师、开发者和创作者。
💡 可编辑的英雄区
让访客感觉网站就像他们自己的一样。
- 上传任意图片(桌面或移动端)
- 实时编辑名称/标题文本
- 色调滑块,用于自定义整个网站的品牌颜色
👀 简单徽标创建
您的徽标将根据您姓名的首字母和主题颜色自动创建。非常适合新手!
🕹️ 内置小游戏
奖励通过赢取轻量级嵌入式小游戏的用户折扣码——有助于提升参与度。
您也可以玩游戏并获得折扣码,在购买我的任何模板之前! 仅限桌面端!
🖼️ Swiper 支持的滑块
三个使用 Swiper.js 构建的流畅滑块
- 爱好
- 作品集项目
- 一个直接链接到项目的 CTA 轮播
🗂️ 包含核心页面
- 主页、关于、服务、作品集、博客、联系、搜索、404
- 作品集项目和服务的示例详情页
🧠 超强博客系统
- 底部固定目录,显示阅读进度 & 下一篇文章预告
- 可展开面板,包含文章元数据、标题、标签、分享按钮
- 分页、草稿支持和标签页
🔍 智能 React 搜索
- 模糊匹配
- 键盘导航
- 高亮显示结果
📬 React 联系表单
- 即插即用
- 使用 Web3Forms 每月可免费提交 250+ 次
- 可访问且简洁
📱 流畅的移动菜单
没有臃肿的 UI 库——只有简洁、高性能的 JavaScript。
🌘 简洁暗色模式
简约且易于访问的暗色主题,拥有流畅的视觉体验。
📈 SEO & 社交就绪
- 用于 SEO + OG 标签的 Meta 组件
- 包含站点地图和 RSS 订阅
- 包含 Figma 文件,便于自定义 Open Graph
💨 卓越性能
- 完美的 Page Speed 分数
- 简洁、模块化的代码,零冗余
🧰 构建技术
- Astro 5.7.2
- Tailwind CSS 4.1.3
- React(仅用于动态组件)
- FuseJs(用于搜索)
- SwiperJs(用于滑块)
- 无额外 UI 库
🗃️ 集中式数据系统
所有关键内容都集中在一个数据文件夹中,包括:
- 爱好
- 链接/社交媒体
- 项目/作品集
- 服务
- 技能
- 统计数据
- 客户评价
🧩 灵活的博客布局
无论您的文章是否带有图片,我们都已为您考虑周全
只需切换一个布尔值,即可在全站范围内切换卡片布局——不破坏设计,不费额外精力。
👍 网格、点或其他 SVG 背景轻松创建
通过 tailwind.config.js 文件中的函数,您可以创建并使用任何 SVG 作为背景。
💾 包含内容
- 完整的 Astro 项目
- 所有使用的图片和图标
- 示例 Figma OG 图像文件
- 附带详细代码注释的文档。
- 邮件支持