做一个网站

 人参与 | 时间:2026-10-17 06:51:33

去年帮朋友做一个卖手冲咖啡豆的做个网站小站,从买域名到上线,做个网站总共花了三天。做个网站不是做个网站因为我多厉害,是做个网站现在做网站这件事,门槛已经低到会打字就行。做个网站

先得有个地址。做个网站域名这东西像门牌号,做个网站别人得知道往哪儿找你。做个网站Namecheap 上挑了个 .com,做个网站一年十美元出头。做个网站朋友想要个带 "coffee" 的做个网站词,结果全被注册了,做个网站最后选了他家猫的做个网站名字加 "roast"。也行,做个网站反正没人在乎域名好不好记,搜索引擎才是真正的入口。

服务器我推荐了 Vercel 的免费套餐。以前做网站得租虚拟主机,配置 Apache、搞 SSL 证书,折腾半天。现在把代码往 GitHub 一推,Vercel 自动构建、自动部署、自动配 HTTPS。省下来的时间够我喝三杯手冲。静态站点用 Netlify 也行,都差不多。关键是别一上来就买贵的,先跑起来再说。

技术选型上,我用了 Astro。这东西写起来像 HTML,但能嵌组件、能引数据。朋友要展示豆子信息——产地、处理法、烘焙度、风味笔记。每款豆子一个页面,用 Astro 的 content collections 管理,加个 Markdown 文件就完事。不需要数据库,不需要后台管理系统。他一个人更新,犯不着搞那么复杂。

设计这块,我直接扒了 Tailwind UI 的几个免费模板。不是偷懒,是没必要重新发明轮子。导航栏、卡片网格、页脚,改改颜色和间距就能用。朋友想要 "日式极简风",我给他调了个米白底色配深棕文字,标题用衬线字体,正文无衬线。他说像京都的咖啡馆菜单,其实我就是把 Tailwind 默认的 gray-900 换成了 stone-800。

有个坑得提一下。他想要个 "订阅" 功能,用户留邮箱收新品通知。我一开始想接 Mailchimp,但免费版限制多,界面也丑。后来换成 Buttondown,API 简单,直接 fetch 一下就行。代码不到二十行。有时候最简单的方案就是最好的,别被那些花哨的 SaaS 工具牵着走。

部署那天出了个小插曲。Vercel 构建失败,报错说找不到某个图片。查了半天,发现是文件名里有空格,Astro 处理路径时出了问题。改成连字符就好了。这种破事没人能提前预料,只能遇到再修。做网站就是这样,百分之八十的时间花在解决百分之二十的奇怪问题上。

上线后第一周,朋友说 Google 搜不到。我让他去 Google Search Console 提交站点地图。Astro 有现成的 sitemap 插件,装完自动生成。又过了几天,收录了。SEO 这事急不得,内容好自然有人点。他那几篇咖啡冲煮指南写得挺用心,慢慢就有了自然流量。

现在那个站每个月大概两千访问量,不算多,但够他卖出几十包豆子。服务器成本为零,域名一年一百块人民币。他偶尔发个新豆子,我远程帮他推个 commit,Vercel 自动部署,三十秒后线上就更新了。

做网站这件事,核心就一句话:先让它跑起来,再想怎么跑得好看。别在第一步纠结用什么框架、什么配色、什么字体。打开编辑器,写个 <h1>Hello</h1>,传上去,看到浏览器里出现那行字,你就已经做完一个网站了。剩下的都是修饰。

顶: 35998踩: 6877