如何零成本搭建个人站点

同步至个人站点:如何零成本搭建个人站点

站点地址:stack.mcell.top,包含完整的:写作、评论、部署、MCP支持...

我经常写作,最开始是在一些平台上,比如稀土掘金。后面慢慢写多了,就想有个自己的博客平台。

最初搭建的博客很简单:一个纯静态的 HTML 文件 ,内容也不复杂,写点自我介绍,当作个人站点。直接托管到 GitHub Pages,域名用的也是它默认那串。

但很快就发现:功能太少了。 比如发布文章?评论?甚至想加点扩展能力都很难------纯 HTML 又没框架,后面越改越痛苦。

接着就走上了"大家都走过的弯路": 买了轻量服务器,又买了域名......然后写服务端、接数据库、写前端,把整套都搭起来。

直到后面参与了一个开源项目才意识到: 这种内容站点/文档站点,压根没必要搞这么重。成熟框架太多了,比如 VitePress 这种(比如Vue官网就是VitePress),基本开箱即用。

然后我就重构了一次:直接上 VitePress。部署?还是 GitHub Pages。那时候至少配上了自定义域名,看起来舒服多了:stack.mcell.top

又过了一段时间,我开始觉得个人站点还是有点单调。VitePress 能改,但做深度定制的时候会有点别扭(有些地方甚至会翻车)。 索性就 vibe coding 一把:把原先 VitePress 那套,重构到了 Next.js

路线也很清晰:

  • Next.js
  • SSG / 静态导出(要部署到 GitHub Pages,关键是要把站点导出成纯静态)
  • GitHub Actions 自动构建
  • 部署到 GitHub Pages
  • 配上自定义域名

后面我又陆续补了评论和文档搜索功能。用到服务器了吗?没有。

  • 评论用的是 giscus :本质是把评论托管在 GitHub Discussions 里,前端加载组件就行,也不用数据库。

  • 搜索用的是 pagefind :还是静态站那套玩法,构建阶段生成索引,运行时纯前端查询。

再后面,我还给博客加了 MCP 功能。同样,还是没有服务器: SSG 阶段生成一份 JSON docs,只要把路径映射到 MCP server 就行;然后我做了个本地的 MCP server,用户安装大概这样:

bash 复制代码
memo mcp add stack-mcepp npx -y @mcell/stack-mcell

memo code 是我最近自己写的一个轻量级编程Agent,类似Claude code那种,感兴趣可以参与进来。

本质上就是:agent 请求本地 MCP server,MCP server 再去拉取我提前生成好的 JSON 内容。

文档站上 MCP 的整体方案的记录我放在这里:从一个想法到可发布:我把博客接进 MCP 的完整实践

这一套折腾下来,依然是 0 成本。分享给大家,或许是个不错的"0 成本建站思路"。

提示词

如果你对这套方案比较感兴趣,想要多了解了解,你可以clone我的博客仓库:mcell satck,或者是直接把这段提示词发给AI,他会给你方案:

markdown 复制代码
我想搭建一个个人博客,大致如下:

- 框架:nextjs ssg
- 部署:Github Action 自动化部署 + Github Page(自定义域名)
- 图片存储:对象存储(七牛云或者火山引擎)
- 搜索服务:pagefind
- 文章评论服务:giscus
- 开发方式:Vibe coding
- mcp 集成:参考 https://stack.mcell.top/blog/2026/mcp-from-idea-to-delivery-for-content-site

请你给我一个具体可落地的方案(分阶段)

(完)

相关推荐
mCell4 小时前
为什么 Memo Code 先做 CLI:以及终端输入框到底有多难搞
前端·设计模式·agent
恋猫de小郭5 小时前
AI 在提高你工作效率的同时,也一直在增加你的疲惫和焦虑
前端·人工智能·ai编程
少云清5 小时前
【安全测试】2_客户端脚本安全测试 _XSS和CSRF
前端·xss·csrf
银烛木5 小时前
黑马程序员前端h5+css3
前端·css·css3
m0_607076605 小时前
CSS3 转换,快手前端面试经验,隔壁都馋哭了
前端·面试·css3
听海边涛声5 小时前
CSS3 图片模糊处理
前端·css·css3
IT、木易5 小时前
css3 backdrop-filter 在移动端 Safari 上导致渲染性能急剧下降的优化方案有哪些?
前端·css3·safari
0思必得05 小时前
[Web自动化] Selenium无头模式
前端·爬虫·selenium·自动化·web自动化
anOnion5 小时前
构建无障碍组件之Dialog Pattern
前端·html·交互设计