做一个AI导航站这么简单？

先看图

体验地址

live demo : Home • SmartAI

开始

今天，我们将探讨如何使用Astro.js这一现代前端框架，构建一个AI导航站点，并轻松部署到Netlify。

什么是Astro.js？

Astro.js是一个快速的、零配置的前端框架，它允许开发者使用现代Web技术来构建网站和应用。它的核心理念是“文件即组件”，这意味着你可以直接在项目中使用Markdown、HTML、CSS和JavaScript文件，无需复杂的配置过程。Astro.js支持服务器端渲染（SSR）和静态站点生成（SSG），这使得它非常适合构建导航站点。

Astro 提供的免费主题非常丰富，并且基本审美在线，非常适合做个人博客和导航站点，这里我推荐直接采用主题库里的主题进行二次开发，比如我这个导航站点所用到的主题：OpenBlog | Astro

开发

1. Clone the repository:

git@github.com:danielcgilibert/blog-template.git

2. Install dependencies:

pnpm install

3. Run the development server:

pnpm dev

因为这个主题仓库集成了 Tina CMS，所以本地写起博客来更加的方便，默认情况下，该模板已使用 Tina CMS 进行预配置。现在可以直接从 CMS 创建帖子，无需手动操作。如果您决定使用 Tina，则无需向 Markdown 文件添加任何属性，Tina 会自动执行此操作。

部署

首先将项目关联到你自己的github仓库，注册Netlify App

 

选择你需要部署的项目，按照提示一键部署，部署成功后会给你分配一个域名，如果自己有域名的花，可以解析到你自己的域名下。