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

推荐订阅源

博客园 - Franky
N
Netflix TechBlog - Medium
Google Online Security Blog
Google Online Security Blog
月光博客
月光博客
量子位
酷 壳 – CoolShell
酷 壳 – CoolShell
V
V2EX
腾讯CDC
OSCHINA 社区最新新闻
OSCHINA 社区最新新闻
博客园 - 聂微东
让小产品的独立变现更简单 - ezindie.com
让小产品的独立变现更简单 - ezindie.com
M
MIT News - Artificial intelligence
Vercel News
Vercel News
The GitHub Blog
The GitHub Blog
Hugging Face - Blog
Hugging Face - Blog
博客园 - 【当耐特】
Apple Machine Learning Research
Apple Machine Learning Research
aimingoo的专栏
aimingoo的专栏
博客园 - 三生石上(FineUI控件)
CTFtime.org: upcoming CTF events
CTFtime.org: upcoming CTF events
MongoDB | Blog
MongoDB | Blog
H
Help Net Security
The Cloudflare Blog
Blog — PlanetScale
Blog — PlanetScale
F
Full Disclosure
G
Google Developers Blog
罗磊的独立博客
Jina AI
Jina AI
钛媒体:引领未来商业与生活新知
钛媒体:引领未来商业与生活新知
Y
Y Combinator Blog
H
Hackread – Cybersecurity News, Data Breaches, AI and More
J
Java Code Geeks
A
About on SuperTechFans
IT之家
IT之家
大猫的无限游戏
大猫的无限游戏
S
SegmentFault 最新的问题
有赞技术团队
有赞技术团队
GbyAI
GbyAI
雷峰网
雷峰网
T
The Blog of Author Tim Ferriss
The Register - Security
The Register - Security
U
Unit 42
D
Docker
Martin Fowler
Martin Fowler
L
LINUX DO - 热门话题
NISL@THU
NISL@THU
阮一峰的网络日志
阮一峰的网络日志
C
Cybersecurity and Infrastructure Security Agency CISA
博客园_首页
Google DeepMind News
Google DeepMind News

允赫先森'sBlog

停更的半个月,是一场与平安的等候 停更的半个月,是一场与平安的等候 当你看到这几张图的时候,还能看回去吗? 当你看到这几张图的时候,还能看回去吗? 今年妈妈的生日,刚好是母亲节 今年妈妈的生日,刚好是母亲节 免费领取 1 年英伟达 AI API Key 免费领取 1 年英伟达 AI API Key 分享一份robots.txt规则,彻底屏蔽垃圾蜘蛛 分享一份robots.txt规则,彻底屏蔽垃圾蜘蛛 高情商说话的二十条准则 高情商说话的二十条准则 启东话托福考试资料 启东话托福考试资料 基于LiMhy v4.0对博客进行了二次升级优化 一封迟到了20天的明信片,一份从未迟到的温暖 一封迟到了20天的明信片,一份从未迟到的温暖 推荐,又一款简洁实用的个人博客系统!LiMhy v3.0 横空出世 推荐,又一款简洁实用的个人博客系统!LiMhy v3.0 横空出世 《允赫·问道长生》—纯文字修仙,重燃你的修真梦 为你的 LiMhy 博客增加博主在线状态 为你的 LiMhy 博客增加安全跳转卡片 允赫聚合正式上线:打破信息茧房,回归纯粹阅读 清明祭父:陵园一拜,思念绵长 为你的 LiMhy 博客系统首页添加动态轮播 为你的 LiMhy 博客系统首页添加毒鸡汤 DeepSeek v3.2加持,AI摘要插件v1.0.1 震撼上线 ICO图标生成工具迎来重磅更新 为你的 LiMhy 博客增加友链自动审核(更新) 晒单!博客 20 周年纪念 T 恤和帽子顺利签收
基于LiMhy v4.0对博客进行了二次升级优化
允赫先森 · 2026-04-16 · via 允赫先森'sBlog

最近对博客进行了一轮深度优化,基于LiMhy v4.0内核,围绕友链系统、评论互动、动态展示和视觉风格做了不少调整。这篇文章记录一下这次升级的核心内容。

一、友链系统增强:RSS聚合 + 评论活跃度

1. 友链RSS订阅聚合

之前的友链只是简单的链接卡片,现在为每个友链站点增加了RSS订阅功能。系统会定时抓取各站点的RSS feed,获取最新文章标题和发布时间,并在点击友链头像时弹出详情卡片展示。

同时,友链卡片默认按RSS最新文章更新时间排序,最近更新的站点会排在前面。卡片下方会显示类似"今日更新"、"昨日更新"、"3天前更新"的徽章,方便快速了解友站的活跃情况。

2. 友链同步评论条数 & 等级体系

每个友链卡片右上角会显示该站点在博客中的评论总数,并根据评论数量自动划分等级:

评论数等级称号
401+LV7君怀
201-400LV6相守
101-200LV5倾心
51-100LV4柔情
21-50LV3勿忘
5-20LV2依念
1-4LV1初遇

鼠标悬停在评论数标签上时,会弹出Tooltip显示详细等级信息。这个设计让友链不仅仅是外链工具,更像是一个"友邻活跃度仪表盘"。

3. 自助申请通道

友链页面底部增加了"自助申请通道"抽屉表单,访客可以提交站点名称、URL、RSS地址、邮箱、Logo和描述等信息。提交后系统会邮件通知站长审核,审核通过后自动上架。

二、评论排行榜:小镇名人堂

新增了评论排行榜模块,命名为"小镇名人堂 · 谁是最活跃的评论家?"。

这个模块会统计所有评论者的评论数量(仅统计已审核的评论),按数量降序排列,展示Top 10活跃评论者。每个评论者会显示:

  • 头像(支持Gravatar,无头像则显示首字母占位)
  • 昵称
  • 评论总数
  • 专属等级徽章

排行榜会缓存在本地,每小时更新一次,避免每次访问都查询数据库造成压力。

三、动态模块重构:微语 + 聚合卡片

1. 拆分独立"微语"

之前的动态是一个混杂的流,现在将短内容(类似碎碎念、状态更新)独立为微语模块。

微语的特点:

  • 字数限制在200字以内,适合随手记录
  • 支持点赞功能,每条微语可以统计被点赞次数
  • 按发布时间倒序排列

2. 聚合改为卡片式布局

原来的动态聚合列表比较单调,现在改为卡片式布局

  • 每条动态独立成卡片,带有阴影和圆角
  • 卡片内显示发布者头像、昵称、发布时间、内容

卡片式布局让动态流更加清晰,视觉层次更分明,滚动浏览的体验也更好。

四、视觉风格:旧报纸主题 #E2DACA

这次升级最大的视觉变化是主题色调整。新主题色为 #E2DACA,一个温暖的旧报纸米色。

配色方案

用途颜色值说明
主背景#E2DACA旧报纸底色,温暖怀旧
卡片/表面#E0D8C8 / #EBDFC7层次递进的米色系
文字主色#000000纯黑,保证对比度和可读性
文字辅色#555555灰色,用于次要信息
边框色#000000纯黑边框,手绘素描风格
强调/悬停#c4bdb0深米色,用于悬停反馈

设计灵感

这个配色的灵感来自旧报纸和泛黄的书页,给人一种温暖、怀旧、有质感的阅读氛围。相比之前的纯白/暗黑模式,#E2DACA在护眼和美学之间找到了一个平衡点。

视觉特色

  1. 手绘素描风格:所有卡片都使用纯黑色边框(border: 2px solid #000000),配合box-shadow: 3px 3px 0 #000000的偏移阴影,营造出一种类似手绘素描的粗犷质感。
  2. 倾斜相册效果:文章列表的封面图采用双图层旋转设计(外框-5度旋转,内图+3度旋转),鼠标悬停时恢复平整,模拟老式相册的随意感。
  3. 卡片悬停反馈:所有卡片在鼠标悬停时都会向左上方偏移(transform: translate(-2px, -2px)),阴影相应增大,产生类似纸张被抬起的物理反馈。
  4. 圆润的边角:统一使用border-radius: 12px的大圆角,让硬朗的素描风格多了一份柔和。
  5. 沉浸式深色模式:暗色模式下的背景为#1a1b1e,卡片为#242629,边框为#4a4d50,保持了同样的素描风格但更护眼。深色模式下图标会自动反色,确保可见性。

暗色模式适配

暗色模式做了完整适配,主要调整包括:

  • 背景色:#1a1b1e(深灰)
  • 卡片背景:#242629
  • 边框色:#4a4d50
  • 文字主色:#d1d5db(柔和的白色,避免刺眼)
  • 所有交互元素在深色模式下都有对应的悬停效果
  • 图片、图标等元素使用filter: invert()或重新适配

日夜切换

主题切换采用CSS变量 + data-theme属性控制,切换时有平滑的过渡动画。顶部切换按钮集成了日夜切换功能,点击即可在亮色/暗色模式间切换,系统会记住用户的选择。


以上就是这次基于LiMhy v4.0的升级内容。如果你也在用LiMhy轻量级博客系统,欢迎交流改造经验。