# 站长工具站点集合（从建站到运营）

URL: https://caijiao.org/posts/42
Source: docs/posts/42.md
Description: 汇总站长从建站、开发、部署、监控到 SEO、推广所需的全流程工具站点，包含网址与详细简介。

本文整理站长在 **建站 → 开发 → 部署 → 运维监控 → SEO → 推广运营** 全流程必备的工具站点，每个站点均提供可点击链接与介绍。

如果你正在补基础能力，可以先从 [CSS](/css/) 样式、[Anime.js](/animejs/) 动效和 [Docker](/docker/) 部署这三类工具链入手。

# 🧱 一、建站前准备（域名 / DNS / SSL）

## 域名注册

- [Namesilo](https://www.namesilo.com) — 全球知名低价域名注册商，支持免费 WHOIS 隐私保护，优惠活动多。  
- [Namecheap](https://www.namecheap.com) — 界面简洁，新手友好，DNS 稳定。  
- [Cloudflare Registrar](https://www.cloudflare.com/products/registrar/) — 零利润域名注册，无加价，适合长期持有域名。

## DNS / CDN / 安全加速

- [Cloudflare](https://www.cloudflare.com) — 企业级 CDN、DNS、WAF 安全防护、Workers 边缘计算一体化平台。  
- [DNSPod](https://www.dnspod.cn) — 国内领先 DNS 服务商，解析速度快，适合国内业务。  
- [Aliyun DNS](https://dns.console.aliyun.com) — 阿里云 DNS 服务，稳定可靠，适合与云服务器配合使用。

## SSL / HTTPS

- [ZeroSSL](https://zerossl.com) — 提供免费与付费 SSL 证书，支持 ACME 自动续期。  
- [Let’s Encrypt](https://letsencrypt.org) — 免费的自动化 SSL 证书发行机构，全球最常用。  
- [SSLShopper](https://www.sslshopper.com/ssl-checker.html) — 用于检查 SSL 安装是否正确与链路是否完整。

# ⚙️ 二、建站开发工具（前端 / 后端 / UI）

## 前端框架 & 文档

- [VitePress](https://vitepress.dev) — 基于 Vite 的文档生成框架，适合教程站与知识库。  
- [Vue.js](https://vuejs.org) — 强大的前端框架，轻量易上手、社区庞大。  
- [Nuxt](https://nuxt.com) — Vue 官方 SSR/SSG 框架，支持 SEO、服务端渲染。  
- [Svelte](https://svelte.dev) — 超轻量编译式框架，性能优异。  
- [SvelteKit](https://kit.svelte.dev) — Svelte 的全栈框架，用于构建现代网站和应用。

## UI 库 / 动画库

- [Tailwind CSS](https://tailwindcss.com) — 高度可定制的原子化 CSS 框架。  
- [Bootstrap](https://getbootstrap.com) — 最经典的组件式 UI 库。  
- [Anime.js](https://animejs.com) — 多功能动画引擎，适合网页动效。  
- [GSAP](https://gsap.com) — 强大的 HTML5 动画库，适合复杂动画。

## 图标 / 设计素材

- [Iconify](https://iconify.design) — 超大图标集合，可覆盖主流 UI 图标库。  
- [Tabler Icons](https://tabler.io/icons) — 线性风格图标，轻量优雅。  
- [Favicon.io](https://favicon.io) — 在线生成 favicon.ico、PNG 图标等。  
- [unDraw](https://undraw.co/illustrations) — 扁平化免费插图，可商用。  
- [DrawKit](https://drawkit.com) — 高质量手绘插画库，适合营销页。

## 调试工具

- [Chrome DevTools](https://developer.chrome.com/docs/devtools/) — 前端开发者必备调试工具。  
- [Firefox DevTools](https://firefox-source-docs.mozilla.org/devtools-user/) — 更深入的 CSS 调试功能。  
- [Responsively](https://responsively.app) — 多设备尺寸实时预览工具。  
- [Hoppscotch](https://hoppscotch.io) — 开源 API 调试工具，类似 Postman。  
- [Postman](https://www.postman.com) — 全球最常用 API 调试与测试平台。

# 🛠 三、代码托管 & CI/CD

## 代码托管

- [GitHub](https://github.com) — 全球最大开源平台，支持 Actions 自动化流程。  
- [GitLab](https://gitlab.com) — 支持私有仓库与内置 CI/CD。  
- [Gitea](https://gitea.io) — 轻量自托管 Git 平台，部署方便。

## CI/CD 自动化部署

- [GitHub Actions](https://github.com/features/actions) — GitHub 原生自动化构建与部署。  
- [GitLab CI](https://docs.gitlab.com/ee/ci/) — GitLab 内置持续集成系统。  
- [Jenkins](https://www.jenkins.io) — 老牌 CI 工具，扩展性强，可高度自定义。

# ☁️ 四、上线部署 / 服务器运维

## 托管与静态部署平台

- [Cloudflare Pages](https://pages.cloudflare.com) — 免费静态站托管，支持自定义域名和无服务器函数。  
- [Vercel](https://vercel.com) — Nuxt、Next、Vite 项目一键部署平台。  
- [Netlify](https://www.netlify.com) — 支持静态部署、无服务器函数、表单等功能。

## 服务器供应商

- [RackNerd](https://racknerd.com) — 性价比超高的低价 VPS 提供商。  
- [Hetzner](https://www.hetzner.com/cloud) — 欧洲高性价比云服务。  
- [Vultr](https://www.vultr.com) — 全球节点丰富，部署灵活。  
- [Linode](https://www.linode.com) — 稳定老牌 VPS 服务商。  
- [阿里云](https://www.aliyun.com) — 国内最稳定云服务之一。  
- [腾讯云](https://cloud.tencent.com) — 国内业务强适配，促销活动多。

## 面板 / Docker / 反代

- [Nginx Proxy Manager](https://nginxproxymanager.com) — 图形化反向代理与证书管理面板。  
- [Caddy](https://caddyserver.com) — 自动 HTTPS 的现代 Web 服务器。  
- [Docker Hub](https://hub.docker.com) — 官方容器镜像中心。  
- [Portainer](https://www.portainer.io) — 图形化 Docker 管理面板。  
- [Coolify](https://coolify.io) — 自部署的 Heroku/Vercel 替代方案。

# 🔍 五、监控 / 日志 / 性能分析

## 状态监控

- [UptimeRobot](https://uptimerobot.com) — 免费 5 分钟探测，适合站点状态监控。  
- [Better Stack Uptime](https://betterstack.com/uptime) — 专业好看的状态页与监控。  
- [StatusCake](https://www.statuscake.com) — 全球监测节点可选。

## 数据分析

- [Google Analytics](https://analytics.google.com) — 网站访问量与用户行为分析。  
- [Cloudflare Web Analytics](https://www.cloudflare.com/web-analytics/) — 隐私友好的无 Cookie 统计工具。  
- [Ahrefs Webmaster](https://ahrefs.com/webmaster-tools) — SEO 站点健康和反链分析。

## 性能优化

- [PageSpeed Insights](https://pagespeed.web.dev/) — Google 官方性能评分。  
- [GTmetrix](https://gtmetrix.com) — 前端性能与加载优化建议。  
- [Pingdom Tools](https://tools.pingdom.com) — 页面加载速度测试。

# 🚀 六、SEO / 内容优化 / 搜索引擎收录

## SEO 管理

- [Google Search Console](https://search.google.com/search-console) — 抓取、索引、SEO 健康检测。  
- [Bing Webmaster](https://www.bing.com/webmasters) — Bing 的站长工具。

## 关键词工具

- [Ubersuggest](https://neilpatel.com/ubersuggest/) — 关键词排名、难度与竞争分析。  
- [AnswerThePublic](https://answerthepublic.com) — 基于用户搜索问题挖掘内容方向。  
- [Google Trends](https://trends.google.com/) — 搜索趋势与热度分析。

## 抓取 / 链接分析

- [Screaming Frog SEO Spider](https://www.screamingfrog.co.uk/seo-spider/) — 全站爬虫工具，分析结构、死链、Meta 信息等。

# 📣 七、推广 / 营销 / 社交管理

## 社交发布

- [Buffer](https://buffer.com) — 多平台同步发布内容。  
- [Hootsuite](https://www.hootsuite.com) — 老牌社交媒体管理工具。

## 内容分发

- [Medium](https://medium.com) — 科技类文章传播平台。  
- [Hacker News](https://news.ycombinator.com) — 技术项目曝光地。  
- [Reddit](https://www.reddit.com) — 全球内容社区，可引流。

## 外链管理 / 短链

- [Bitly](https://bitly.com) — 短链与点击量统计。  
- [Utm.io](https://utm.io) — UTM 链接管理与追踪。

# 🧩 八、图像 / 视频 / 设计工具

## 设计编辑

- [Figma](https://figma.com) — UI/UX 设计与协作平台。  
- [Canva](https://www.canva.com) — 轻量图像设计工具，适合封面、海报。  
- [Photopea](https://www.photopea.com) — 在线版 Photoshop。

## 图片处理

- [TinyPNG](https://tinypng.com) — PNG/JPG 压缩神器。  
- [remove.bg](https://www.remove.bg) — 一键抠图。

## 视频工具

- [Kapwing](https://www.kapwing.com) — 在线视频编辑工具。  
- [HandBrake](https://handbrake.fr) — 视频压缩与格式转码工具。

# 💰 九、变现 / 广告 / 收费系统

- [Google AdSense](https://www.google.com/adsense/) — 最主流网站广告变现平台。  
- [BuyMeACoffee](https://www.buymeacoffee.com) — 捐赠与会员支持平台。  
- [Ko-fi](https://ko-fi.com) — 轻量创作者赞助平台。  
- [Admitad](https://www.admitad.com) — 联盟营销平台，适合推广赚钱。

# 🗂 十、站长常用工具集合

- [JSON Formatter](https://jsonformatter.curiousconcept.com) — 美化与验证 JSON。  
- [Regex101](https://regex101.com) — 正则表达式测试。  
- [Base64 Decode/Encode](https://www.base64decode.org) — Base64 编解码工具。  
- [JWT.io](https://jwt.io) — JWT Token 解码。  
- [UUID Generator](https://www.uuidgenerator.net) — UUID 生成器。  
- [QR Code Generator](https://www.qr-code-generator.com) — 二维码生成工具。  
- [MD5 Hash Generator](https://www.md5hashgenerator.com) — MD5 计算工具。  
- [IPinfo](https://ipinfo.io) — IP 归属地查询。  
- [Crontab Guru](https://crontab.guru) — Cron 表达式生成器。