从零搭建一个朋友圈风格的博客

Moriefy · 2026-06-08 · 深圳

前言

一直想找个能像朋友圈一样发动态的博客系统，试了好几个都不满意。后来发现了 Hugo + Amigo 主题，终于找到了理想的方案。

为什么选 Hugo？

Hugo 是用 Go 写的静态站点生成器，速度快到离谱——几百篇文章编译也就几秒钟。相比 Hexo 和 Jekyll，它的模板语言更简洁，社区主题也越来越好看。

Amigo 主题的亮点

这个主题最吸引我的几个点：

  1. 朋友圈 UI：九宫格图片、点赞评论、时间显示，几乎完美复刻了微信朋友圈的体验
  2. PJAX 无刷新：页面跳转丝滑，音乐不会中断
  3. 多评论系统：支持 Artalk、Twikoo、Giscus 三种方案
  4. 丰富的 Shortcode：音乐卡片、视频播放器、实况照片、语音消息，内容形式很丰富
  5. 深色模式：自动跟随系统，也可以手动切换

部署过程

整个部署非常简单：

 1# 1. 安装 Hugo
 2brew install hugo
 3
 4# 2. 创建站点
 5hugo new site my-blog
 6cd my-blog
 7
 8# 3. 安装主题
 9git clone https://github.com/zqlit/Hugo-Theme-Amigo.git themes/Amigo
10
11# 4. 复制配置
12cp themes/Amigo/hugo.toml .
13
14# 5. 本地预览
15hugo server -D

遇到的一些坑

  • 图片路径要注意，推荐用 Page Bundle 的方式组织
  • Artalk 评论需要自己部署服务端，不过官方文档很详细
  • 字体文件比较大，首次加载可能稍慢

总结

总的来说，Amigo 是目前我用过最接近朋友圈体验的 Hugo 主题，适合想要轻量化、高颜值个人动态页的朋友。推荐试试！