惯性聚合 高效追踪和阅读你感兴趣的博客、新闻、科技资讯
阅读原文 在惯性聚合中打开

推荐订阅源

爱范儿
爱范儿
Security Latest
Security Latest
NISL@THU
NISL@THU
OSCHINA 社区最新新闻
OSCHINA 社区最新新闻
C
Cybersecurity and Infrastructure Security Agency CISA
Cloudbric
Cloudbric
T
Threat Research - Cisco Blogs
大猫的无限游戏
大猫的无限游戏
C
CXSECURITY Database RSS Feed - CXSecurity.com
阮一峰的网络日志
阮一峰的网络日志
freeCodeCamp Programming Tutorials: Python, JavaScript, Git & More
雷峰网
雷峰网
C
Cisco Blogs
V
Vulnerabilities – Threatpost
S
Security Archives - TechRepublic
V
Visual Studio Blog
让小产品的独立变现更简单 - ezindie.com
让小产品的独立变现更简单 - ezindie.com
cs.AI updates on arXiv.org
cs.AI updates on arXiv.org
J
Java Code Geeks
D
Darknet – Hacking Tools, Hacker News & Cyber Security
Know Your Adversary
Know Your Adversary
博客园 - 叶小钗
腾讯CDC
钛媒体:引领未来商业与生活新知
钛媒体:引领未来商业与生活新知
P
Privacy International News Feed
P
Palo Alto Networks Blog
博客园_首页
V
V2EX
WordPress大学
WordPress大学
Schneier on Security
Schneier on Security
月光博客
月光博客
博客园 - 司徒正美
Google DeepMind News
Google DeepMind News
TaoSecurity Blog
TaoSecurity Blog
博客园 - 聂微东
酷 壳 – CoolShell
酷 壳 – CoolShell
人人都是产品经理
人人都是产品经理
奇客Solidot–传递最新科技情报
奇客Solidot–传递最新科技情报
博客园 - 【当耐特】
The Cloudflare Blog
罗磊的独立博客
美团技术团队
N
News | PayPal Newsroom
K
KPMG report finds enterprise disconnect between AI and its ROI | CIO
Last Week in AI
Last Week in AI
K
Kaspersky official blog
Google Online Security Blog
Google Online Security Blog
S
SegmentFault 最新的问题
Application and Cybersecurity Blog
Application and Cybersecurity Blog
T
Tailwind CSS Blog

优世界

OpenWrt 路由器改纯 AP 模式记录(Cudy TR3000 + 中兴 F50) Ubuntu 24.04 安装 Zabbix 8.0 全记录 我的静态博客动态化方案 Claude Code 启动脚本 我的5G路由器方案:中兴F50+cudy tr3000 256MB 还是弃用了使用多年的全拼输入法 临走前一份襄阳牛肉面 EdgeOne Pages 部署 Twikoo 评论 搓了一个仿朋友圈的Hugo主题 一个人烧烤被拒单了 周末闲暇时间翻修了一下博客 我把Vercel换成了EdgeOne Pages 博客友链实时健康监测方案 Artalk评论区接入AI摘要的尝试 给Hugo博客添加瀑布流相册功能 Hugo静态博客如何实现搜索功能 Artalk评论系统实现段落评论功能 为什么我觉得网页昼夜切换那么重要 博客六周年:从折腾到回归平淡 如何hugo静态实现友联朋友圈功能 脂溢性皮炎的烦恼 还是放弃了iPhone16e 米环勿扰同步问题 除草日记 Hugo使用GitHub Action自动刷新多吉云CDN缓存 迁移博客至hugo 添加ikun摆件 parsec远程软件报6023错误 win11右键菜单改回win10方法 主板电流声 主机配置单 一次点亮 访客体验优化 博客除草 老爷机升级 完善主题 家乡随拍 襄阳唐城 进厂日记 苏州一日游 四月随笔 评论置顶 Time Taker 近来二三事 感谢哥哥给的网站 又又又双叒叕换主题啦 生活篇:疫情放开前后的这些日子 .cc域名后缀续费即将涨价 Apple Watch Series7 三个月的使用体验 2022年·襄阳第一场雪,谨以此片记录 记一次莫名其妙ddos攻击,致谢天御云高防cdn 毕业篇:不出意外,这是我最后几个月的大学生活啦 毕业纪念篇:图书馆 生活篇:我的三年封校生活 没错,我回来了,湖北管局一天不到通过备案,强的! 因需要更换备案主体,临时关闭博客通知 记录篇:将笔记本联想小新pro13网卡由螃蟹网卡换成AX210网卡 主力机由荣耀20切换到iPhone13使用半年的感受 生活篇:温馨提示假期余额不足,浅浅总结一下这个暑假 typecho实现QQ头像用户评论加密,注意:pigeon,twitter用户有彩蛋哦! 生活篇:离校,暑假,租房,面试,致那些日子的琐碎事 生活篇:我跳绳的那些日子,谈谈自己的变化 去除typecho1.2.0正式版的后台提示更新bug 利用fontspider压缩博客字体大小,达到加快访问速度 iphone快捷指令发布动态说说,支持大部分typecho主题 寒假二三事 2022,除夕过后的那些事 2022,致我的春节回忆录 祝大家元旦快乐,给自己的博客加一个对联和灯笼 更换掉jsdelivr,改用腾讯云静态网站托管,网站速度比之前提升了不少 这次的落日比较有特色,西边摇摇欲坠的咸鸭蛋 盘点一下建站以来所注册的域名,我居然注册了一堆学费米 可惜不能一直做小孩子,总要长大,不知道实习生活会是什么样子 这组照片的主题,咱就叫它光吧 双十一已经变味了,不知道从什么时候反感双十一了 第一次尝试ai画简笔画,本是给自己设计logo误打误撞画起了简笔画 不用改变图片原地址,实现图片自动转webp格式,速看,一会删 让typecho支持webp格式的图片,告别阿里云oss和腾讯云cos被恶意刷流量的风险 运动会闲暇这几天,简单给大家分享一下日常吧 我又双叒叕换主题,我发现我好像一直在折腾 记录人生第一次洗牙,不得不说感觉真的特别好 我为什么要写博客?这位博主给了我答案 我想,这是一个我人生中最特殊的中秋国庆节 理工的晚霞,拿起相机记录青春的样子 别让抖音支配了你的美好大学生活,尝试做一些自己感兴趣的事 一岁一礼,一寸欢喜,生日快乐,致我的二十岁 2021暑假总结,记录一下这个充实的暑假 Twitter主题设置仿mac UI 语法高亮代码方法 Twitter主题加入加载耗时,访问总量功能 一把过,科二结束! 再次投资科目二,科目二花了400,希望19号一把过吧 宝塔面板设置Typecho伪静态去掉index.php教程 开学倒计时,再见,老家 或许不是没有年味了,只是快乐已经不属于我们这一辈人了 五福开奖,你好,2021 新春快乐!牛年大吉! 祝母校越办越好 军训太痛苦了,希望早点结束 高考加油,相信自己 高考即将来临,老师为我们加油打气
一个朋友圈风格 Hugo 主题
2026-02-15 · via 优世界

首先祝大家新年快乐,身体健康,阖家幸福,事业长虹!

在这个碎片化阅读的时代,我们习惯了在朋友圈分享生活的点滴,却又常常在各种社交平台的喧嚣中感到疲惫。

作为一名博主,我一直在想:能不能在静态的 Hugo 博客里,复刻出一份属于自己的“朋友圈”?

所谓“拙作”的由来

其实,仿朋友圈风格的主题在 Typecho 和 WordPress 社区早已有了非常优秀且成熟的先例。比如小胖脸大佬的 Icefox github.com ,或是 Kam kam.space 那款售价 499 元、精致到极致的商业主题。看着这些前辈的作品,我深知自己水平有限,代码写得比较稚嫩,很多逻辑甚至可以用邪修来形容。

但我还是想在 Hugo 这个“静态”的领域发起一点小小的挑战。主要动力源于一点:我没有长期稳定的服务器(说白了就是穷)

趁着过年这段时间,我把之前攒下的 Bug 勉强修了修,理顺了 README。虽然它还只是个“半成品”,但我还是决定把它开源出来。

作为作者,有人使用我的主题,我还是很开心的。虽然它不够完美,但我希望它能给喜欢折腾的朋友们带来一些乐趣。

🎨 那些勉强称得上“特性”的功能

在开发 Amigo 的过程中,我尽量在还原视觉体验和保持轻量之间寻找平衡。

既不花里胡哨,也不完全放弃一些小细节。以下是我觉得还算有点特色的几个功能:

1. 极致还原的“朋友圈”视觉

我不只是想做一个列表,而是想还原那份熟悉感。主题支持:

  • 九宫格图片展示:自动提取正文中的图片,并根据数量自动排列成 1-9 宫格。

  • 地理位置标记:通过 Front Matter 中的 location 字段,你可以在动态右下角标记你当时所在的位置,比如“武汉·东湖”。

  • 毛玻璃效果 (Glassmorphism):在顶栏、友链卡片等处大量运用了毛玻璃特效,希望能增加一点现代感(老机子风扇可能风扇会狂转,不过这样说可能有点夸张,主题其实没有过多的毛玻璃特效)。

2. 追求丝滑的 PJAX 无刷新体验

为了让切换页面不那么生硬,我集成了 PJAX。这意味着你在点击文章、进入其他页面时,页面不会闪烁白屏。

虽然适配 pjax 踩了不少坑,但实现流畅的页面切换体验还是很有必要的。

3. 三模评论系统

考虑到不同人的需求,我内置了三种模式:

  • Artalk (强烈推荐):深度适配,支持首页直接显示点赞和评论。

  • Giscus:基于 GitHub Discussions 的方案,适合程序员。

  • None:如果你只想安静地记录,也可以选择关闭。

  • Twikoo:暂时没有适配,老铁精力有限,后续如果有时间再看看能不能适配一下

4. 个性化字体支持

我内置了三种我觉得还不错的字体:ZQLPingFangQiaoMuTiAlimamaFangYuanTi

你只需要在配置文件里改一个配置,即可瞬间切换字体。

🛠️ 核心命门:深度依赖 Artalk 2.8.7

这是我最想和大家交待的一点。由于 Hugo 本身不产生任何动态数据,所有的“朋友圈灵魂”——即首页点赞显示实时评论流,全部都是通过 JavaScript 调用 Artalk 的 API 接口实现的。

如果你没有部署 Artalk,或者部署的版本过高/过低导致 API 变动,这个主题的功能会瞬间“塌陷”。我目前测试最稳定的版本是 2.8.7

如果你想尝试,我建议使用官方的 Docker 镜像快速起步:

docker run -d \
    --name artalk \
    -p 3378:23366 \
    -v $(pwd)/data:/data \
    -e "TZ=Asia/Shanghai" \
    -e "ATK_LOCALE=zh-CN" \
    artalk/artalk-go:2.8.7

📝 撰写动态的小贴士 (避坑指南)

为了让主题能够正确解析图片,我建议采用 Page Bundles 模式。

  1. 目录结构: 建议在 content/posts/ 目录下为每篇动态创建一个独立的文件夹,里面放一个 index.md 和配套的图片。
  2. 图片插入: 直接在 Markdown 里使用 ![描述](./image.jpg) 语法即可。主题会自动抓取这些图片并生成九宫格预览,同时在详情页里也会做排版优化。
  3. “全文/收起”逻辑: 参考了微信的设计,首页动态如果文字超过 6 行,会自动折叠并显示“全文”按钮。点击“收起”时,页面会自动平滑回滚到动态顶部,防止迷失视口。

🚀 顺带聊聊 EdgeOne 国际版部署

最近我把博客从 Vercel 迁到了 EdgeOne 国际版(EdgeOne International),体验确实很香。

如果你也想通过 GitHub Actions 实现“推送即发布”,可以参考我的工作流配置。在 Secrets 中添加 EDGEONE_API_TOKEN 后,创建一个 .github/workflows/deploy.yml

name: Deploy to EdgeOne

on:
  push:
    branches: [ main ]

jobs:
  deploy:
    runs-on: ubuntu-latest
    steps:
      - uses: actions/checkout@v4
      - name: Setup Node
        uses: actions/setup-node@v4
        with:
          node-version: '20'
          cache: 'npm'
      - name: Build Hugo
        run: |
          # 建议使用 Hugo 0.128.2 保证兼容性
          hugo --gc --minify          
      - name: Deploy
        env:
          EDGEONE_API_TOKEN: ${{ secrets.EDGEONE_API_TOKEN }}
        run: |
          # 关键!如果是国际版,必须带上 --area overseas
          npx edgeone pages deploy ./public -n your-site-name -t $EDGEONE_API_TOKEN --area overseas          

特别提醒:EdgeOne 国内版和国际版是完全隔离的。如果你用的是国际版却没加 --area overseas,CLI 会报 Project not found 错误,这个坑我替大家踩过了。

📦 仓库与致谢

代码水平虽然一般,但开源的心是真的。

👉 仓库地址 github.com https://github.com/zqlit/Hugo-Theme-Amigo

如果你觉得还行,麻烦点个 Star 支持一下,这将是我继续维护(修 Bug)的最大动力。

最后,要特别感谢以下项目和博友的启发与支持:

如果在使用过程中遇到了困难,或者有更好的改进建议,非常欢迎在 GitHub 提 Issue 指教。

c974daedc1de4aed8c7053d0cc0d71a5.webp