跳到主要内容
BLKBLKTECH

实践 / practice

实践记录:搭建 BLKTECH.cn 内容站

记录 blktech.cn 从定位、技术选型、Astro + Tailwind 脚手架到栏目与内容模型的搭建过程。

作者 BLKTECH 编辑部更新 2026年7月18日8 分钟难度 实战低成本AstroTailwindBun

技术内容站优先选静态优先的 Astro + 内容集合;样式用 Tailwind 提升多栏目落地效率;信息架构先服务「选工具 / 学实现 / 可复制资源」三条路径。

背景

opcrun.cn 讲经营与获客,blktech.cn 讲工具与实现。两个站需要:

  • 视觉可区分
  • 工程习惯接近,方便一人维护
  • 内容模型能支撑教程、评测、实践与资源

技术选型

决策 选择 原因
框架 Astro 内容站静态输出、MDX 友好
包管理 Bun 与姊妹站一致,安装与脚本快
样式 Tailwind v4 多栏目页面迭代快,prose 适合正文
端口 3017 与 opcrun 3016 并行开发

已完成

  • 站点定位与 IA
  • 设计 token(电蓝主色 + 青辅色)
  • 布局、导航、栏目中心模板
  • 四类 Content Collections 与示例内容
  • 首页模块与 SEO 基础件

进行中

  • 更多 AI / 自动化实战文
  • 订阅服务真实接入
  • 生产环境部署与域名

经验摘要

  1. 先定分工再写内容,避免与姊妹站抢栏目
  2. 栏目中心用数据驱动,减少重复页面代码
  3. 每篇给 answer 字段,利于摘要与 GEO

下一步

补齐第一批 P0 教程深度,并完成 VPS/托管上线清单。

NEXT ACTION / 下一步

查看建站教程

把读到的方法变成一个小行动,完成后再回来迭代。

继续

RELATED / 相关推荐

接着读这些

按同一栏目、标签与技术栈为你挑选。