建站资源导航

本站使用的建站工具、AI工具、学习资料汇总,附国内加速下载方式,方便国内用户快速上手。

⚠️ 本站不提供文件下载,只提供官方链接和国内镜像/加速方式。下载和安装请认准官网。

建站工具

想跟我一样从零搭建一个 AI 评测站?这些工具能帮你快速上手。

WorkBuddy

免费

AI 编程助手,用自然语言就能写代码、建网站、做分析。本站就是用它搭的。

  • 官网codebuddy.cn
  • 国内速度:原生中文产品,国内直接访问速度快
  • 上手难度:⭐ 极低,像聊天一样

Astro

免费/开源

现代化的静态网站生成框架,生成纯 HTML,加载超快,SEO 友好。

  • 官网astro.build
  • 中文文档docs.astro.build/zh-cn
  • npm 安装npm create astro@latest
  • 国内加速:npm 换淘宝镜像 npx --registry=https://registry.npmmirror.com create astro@latest

Node.js

免费/开源

JavaScript 运行环境,Astro 和很多前端工具都依赖它。

CloudStudio

免费额度

腾讯云的在线开发与部署平台,本站就部署在上面,免费使用。

  • 官网cloudstudio.net
  • 用途:写完代码一键部署,自动生成公网访问链接
  • 替代方案Cloudflare Pages(也是免费,国外稍快)

VS Code

免费

微软出品的代码编辑器,写代码的主流工具。WorkBuddy 内置的就是它。

  • 官网code.visualstudio.com
  • 国内下载:官网在国内可以直接下载,速度尚可
  • 必装插件:Chinese Language Pack(中文界面)

GitHub

免费

全球最大的代码托管平台,存放项目代码、版本管理、协作开发。

  • 官网github.com
  • 国内替代Gitee(码云),国内速度快
  • 用途:备份代码、托管静态网站(GitHub Pages)、学习开源项目

日常使用的 AI 工具

写文章、做图、查资料时用的 AI 工具,都是实测好用的。

Claude

付费/免费

Anthropic 出品的 AI,中文写作质量极高,尤其擅长长文和深度分析。

  • 官网claude.ai
  • 免费版:每天有限额,够日常使用
  • 付费版:Pro $20/月,额度大、速度快

ChatGPT

付费/免费

OpenAI 出品,最全面的 AI 工具,写作、代码、数据分析都能做。

  • 官网chat.openai.com
  • 免费版:GPT-4o-mini 免费无限用
  • 付费版:Plus $20/月,GPT-4o 更好用

Kimi

免费

月之暗面出品,国产 AI,中文理解力强,支持超长文档(200万字)。

  • 官网kimi.moonshot.cn
  • 亮点:完全免费、无需翻墙、支持上传文件分析
  • 适合:长文档摘要、论文阅读、中文写作辅助

通义千问

免费

阿里出品,免费使用,中文能力稳定,有独立 App 和网页版。

  • 官网tongyi.aliyun.com
  • 亮点:免费、无需翻墙、阿里生态集成好
  • 适合:中文日常问答、文案辅助

豆包

免费

字节跳动出品,免费 AI 助手,有网页版和 App。

  • 官网doubao.com
  • 亮点:免费、中文流畅、和抖音/飞书打通
  • 适合:日常聊天、简单写作、创意脑暴

Midjourney

付费

最知名的 AI 绘画工具,图片质量顶尖,本站的背景图就是用它做的。

学习资料推荐

从零建站和做 SEO 内容站的入门资源,都是我看过觉得靠谱的。

Astro 官方教程

免费

Astro 官方的「构建博客」教程,2 小时从零搭一个站,中文版。

MDN Web 文档

免费

Mozilla 出品的 Web 开发教程,HTML/CSS/JavaScript 最权威的参考。

SEO 入门指南

免费

Google 官方的 SEO 入门指南,从关键词研究到技术优化全覆盖。

我是怎么建这个站的

从连代码都不会写到网站上线,我的真实过程。

1

用 WorkBuddy 说出需求

我说:「帮我建一个 AI 工具评测站,要能写文章、对比工具、放联盟链接,用 Astro 框架。」WorkBuddy 几分钟内就搭好了框架。

2

让 AI 写内容、做配图

告诉 WorkBuddy 要写什么主题,它能搜索最新动态、结合 SEO 优化写出像样的文章。配图用 Midjourney 生成。

3

部署到 CloudStudio

一条命令把网站部署到 CloudStudio,生成公网链接,手机电脑都能看。中间踩了路由配置的坑,修了两次才搞定。

4

持续优化迭代

加评论区、加音乐播放器、修链接 bug、补内容……每天花 1-2 小时,像养一棵树一样慢慢把站养大。

我的体会:建站这件事,不要等什么都准备好了再开始。用 WorkBuddy 这样能写代码的 AI,连 HTML 都不用学就能搭出来。先上线,边用边改,比「完美计划」有用 100 倍。

踩过的坑

建站过程中遇到的问题和解决方案,让你少走弯路。

CloudStudio 子目录打不开

问题:/reviews/xxx 这种 URL 在 CloudStudio 默认服务器上 404。根因是静态文件服务器不支持目录索引。

解决:把 Astro 构建格式从 directory 改为 file,所有页面生成 .html 扁平文件,链接加后缀。

本地预览手机访问不了

问题:手机输入 localhost:4321 打不开。根因是 localhost 在手机上指向手机自己。

解决:用 --host 0.0.0.0 启动 + 局域网 IP 访问,或直接部署到 CloudStudio 用公网链接。

联盟链接全部是占位符

问题:所有 CTA 按钮显示灰色「即将上线」。根因是内容文件里 affiliateLink 写的是 #

解决:批量替换为工具官网链接,等联盟计划审核通过后再逐条替换为带追踪参数的链接。

音乐播放器是空壳

问题:点了没反应。根因是 /music/ambient.mp3 文件不存在。

解决:用 Web Audio API 浏览器合成环境音,无需任何外部音频文件,所有浏览器通用。