技术内容站优先选静态优先的 Astro + 内容集合;样式用 Tailwind 提升多栏目落地效率;信息架构先服务「选工具 / 学实现 / 可复制资源」三条路径。
背景
opcrun.cn 讲经营与获客,blktech.cn 讲工具与实现。两个站需要:
- 视觉可区分
- 工程习惯接近,方便一人维护
- 内容模型能支撑教程、评测、实践与资源
技术选型
| 决策 | 选择 | 原因 |
|---|---|---|
| 框架 | Astro | 内容站静态输出、MDX 友好 |
| 包管理 | Bun | 与姊妹站一致,安装与脚本快 |
| 样式 | Tailwind v4 | 多栏目页面迭代快,prose 适合正文 |
| 端口 | 3017 | 与 opcrun 3016 并行开发 |
已完成
- 站点定位与 IA
- 设计 token(电蓝主色 + 青辅色)
- 布局、导航、栏目中心模板
- 四类 Content Collections 与示例内容
- 首页模块与 SEO 基础件
进行中
- 更多 AI / 自动化实战文
- 订阅服务真实接入
- 生产环境部署与域名
经验摘要
- 先定分工再写内容,避免与姊妹站抢栏目
- 栏目中心用数据驱动,减少重复页面代码
- 每篇给
answer字段,利于摘要与 GEO
下一步
补齐第一批 P0 教程深度,并完成 VPS/托管上线清单。
RELATED / 相关推荐
接着读这些
按同一栏目、标签与技术栈为你挑选。
指南16 分钟
用 Astro 做技术内容站:结构、内容模型与性能要点
面向教程/评测型站点的 Astro 实践:目录结构、Content Collections、页面类型、样式策略与 SEO 基础。
Astro · MDX · Tailwind
实践7 分钟
实践记录:内容站第一周运营节奏
记录技术内容站上线第一周如何安排选题、写作、内链与复盘,形成可重复的轻量运营节奏。
Astro · Markdown
指南14 分钟
2026 个人开发最小技术栈:从想法到可访问产品
给个人创业者与独立开发者的精简栈建议:语言、框架、数据、鉴权、支付、部署与观察,强调可维护而不是追新。
TypeScript · Astro · Next.js