谁懂！闲聊唠嗑，顺带做出了自己的个人网站

最近 AI 工具太多了。

ChatGPT、Claude、Midjourney、Suno、Runway……每次想用的时候都要翻半天收藏夹，要么就是搜来搜去找不到。

干脆自己搭一个导航站吧。

首先通过以下链接下载Qclaw

https://qclaw.qq.com?channel=6070&share_type=invite-share&invite_code=cs59m21Qhc0FsSZH

其次安装完毕，打开专家，搜索建站搭子

说出需要建站的大致方向和内容，会有提示一步步操作，非常简单

本来以为要写代码、买服务器、搞域名，结果——10 分钟搞定。

全程没写一行代码，就搞定了一个漂漂亮亮的 AI 工具导航站。

🔥 先给你看看效果

就是一个类似这样的页面：

首页直接展示 8 大分类：对话聊天、图像生成、文本写作、编程开发、音频音乐、视频创作、搜索分析、效率工具

点进去每个分类，可以看到推荐工具的详细介绍

内置搜索框，键入关键词就能找到想要的工具

响应式布局，手机电脑都能看

重点是：免费、开源、以后还能自己往里加工具。

🛠️ 用的是什么技术？

VitePress——Vue 官方推出的静态网站生成器。

说人话就是一个「配置比 WordPress 简单、效果比 GitHub Pages 漂亮」的工具。

为什么选它？

✅ 配置简单，几行代码就入门

✅ 内置全文搜索，不用自己搭

✅ Markdown 写内容，懒人友好

✅ 部署方便，推到 GitHub 就能用

📋 我是怎么做的？

拢共 4 步：

第 1 步：想清楚网站定位

我选了「AI 工具导航站」，方向很明确——收录各类 AI 工具，按分类展示。

第 2 步：选框架

在 VitePress、Hexo、Next.js 里面挑了 VitePress。原因就一个：省事。

第 3 步：填基本信息

网站名：AI领航

描述：精选 AI 工具导航站

作者：你自己起

第 4 步：跑起来

复制粘贴几条命令，等它自动安装依赖，自动生成目录结构。

然后？就没有然后了。

📸 来看一眼目录结构

code复制ai-navi/

├── docs/

│ ├── .vitepress/

│ │ └── config.mjs ← 网站配置

│ ├── public/

│ │ └── favicon.svg ← 网站图标

│ ├── index.md ← 首页

│ ├── categories/ ← 分类页面

│ │ ├── chat.md ← 对话聊天

│ │ ├── image.md ← 图像生成

│ │ └── ...

│ └── tools/ ← 工具详情页

│ ├── chatgpt.md

│ ├── claude.md

│ └── ...

每个工具就是一个 .md 文件，想加新工具？复制模板改个名就行。

🚀 部署上线，会更难吗？

更简单。

bash复制npm run docs : build

一行命令，生成静态网页。

然后：

推 GitHub Pages 免费托管

或者买个小域名，几十块一年

我就这样，一个域名都没买，先在本地跑起来了。

💡 做完之后，我悟了

搭建网站这件事，早就不需要程序员了。

以前觉得「建站」=「写代码 + 买服务器 + 配域名」，现在？

工具对了，10 分钟的事。

而且这个导航站会慢慢「长大」——每发现一个好用 AI 工具，就往里加一个。等于有了一个自己的「AI 工具知识库」。

📢 写在最后

如果你也是：

AI 工具用了一堆，但记不住

想要一个自己的「工具库」

想学搭建网站，但不想从代码入门

不妨试一下这个思路。

工具选对了，效率翻倍。

如果你也想搞一个属于自己的 AI 导航站，欢迎评论区聊～