博客 - 召田最帅boy

微信公众号API+Redis实现内容访问控制

本文介绍了基于微信公众号验证码的文章解锁方案，实现未关注用户只能浏览文章前1/3内容，点击“查看全文”引导关注并发送关键词“博客”获取6位数字验证码。核心技术包括前端 CSS 截断+遮罩、Spring Boot 提供验证码生成/验证 API、Redis 存储验证码（5 分钟 TTL，单次使用），以及微信服务器的消息推送与自动回复。验证成功后通过浏览器 LocalStorage 持久化全局解锁状态。文中给出系统架构图、关键代码（RedisConfig、VerifyCodeService、WechatMpService）以及完整的依赖配置、Redis 连接、验证码服务实现和公众号接入步骤，帮助快速搭建可在移动端和桌面端平滑运行的内容访问控制功能。

2026-03-26 16:05:09 阅读

SpringBoot结合ip2region实现博客评论显示IP属地

本文介绍在Spring Boot博客系统中使用ip2region实现评论IP属地显示的完整方案。通过IpParseUtil类的getIpAddr获取请求IP，再用parse方法解析为“国家|区域|省份|城市|ISP”或自定义字段列表。将解析结果写入Comment实体的location字段，在前端页面读取并展示。文章还列出所需技术栈（Spring Boot、MySQL、HTML/CSS/JS、ip2region、Commons IO、Lombok）以及关键代码实现和集成步骤，帮助开发者快速为评论添加地理位置信息，提高互动体验。

2024-07-16 17:21:58 阅读

博客的评论与回复功能的实现

本文详细阐述了在个人博客中实现完整评论及回复功能的思路与代码实现。首先在数据库中设计评论表，包含博客ID、父评论ID、层级信息等字段，以支持多层级关联。接着给出实体类Comments的属性定义及其对父子评论的映射。随后展示了前端评论表单结构、通过QQ号自动获取昵称头像的JS逻辑，以及点击发布和回复时的AJAX请求处理方式，包括表单验证和父评论ID的传递。最后提供了后端Controller的接收参数与保存评论的实现要点。整体实现确保新评论置顶、三级评论嵌套显示，并实现了评论审核提示。

2022-08-24 02:34:33 阅读

博客导流到微信公众号

文章介绍了在个人博客中通过 OpenWrite 的“博客导流公众号”功能，将首次访问的读者引导关注微信公众号并获取验证码，从而为公众号带来流量。实现步骤包括：在 OpenWrite 平台注册登录后，进入“增长工具”→“博客导流公众号”，填写博客域名和长期有效的二维码图片链接；在公众号后台设置触发关键字（如“博客”）用于发送验证码；在博客页面嵌入指定的 JavaScript 代码并在文章外层添加 id 为 “container” 的 div。用户仅需一次操作，体验影响不大，却能有效提升公众号关注度。

2022-08-20 23:56:40 阅读

Spring Boot博客系统集成AI智能摘要功能实战

本文示例了在 Spring Boot 博客系统中集成 AI 智能摘要的完整实现。通过在后端定义 AiSummaryService 接口并实现调用 OpenAI 兼容的 AI 接口（如智谱 AI、Moonshot、GPT‑4 等），在 controller 中提供 /api/ai-summary 接口，返回去除 HTML 的纯文本摘要。前端使用 Thymeleaf 页面与 JavaScript，调用该 API 后用打字机动画逐字展示摘要，并在 AI 服务不可用时回退到本地关键词或首段摘要。配置文件中可灵活设置 API 地址、模型、密钥、max‑tokens 等参数，实现前后端分离、可配置的 AI 摘要功能。

2026-03-12 09:31:47 阅读

一次OOM排查实录

线上博客进程日志突止，经排查发现是 Linux OOM Killer 在内存耗尽时强制 kill‑9。根因是 2 GB 机器上跑 3 个未限制堆的 Spring Boot、MySQL 8.0 等，JVM 默认占近 3 GB，MySQL 参数占用大量内存且无 Swap。通过为每个 JVM 设置 -Xms/-Xmx、调小 MySQL 缓冲池、连接数等并新增 2 GB swap，内存使用恢复正常，服务不再被 OOM 杀死。经验：小内存务必限制 JVM、精调 MySQL、配置 swap，必要时迁移数据库或升级机器。

2026-04-23 23:39:08 阅读

博客文章“部分展示+验证解锁”实现

本文介绍在博客中实现“部分展示+验证解锁”阅读限制的完整方案。通过自动计算文章高度，仅显示前1/3并加底部虚化遮罩，配合“查看全文”按钮触发验证弹窗。用户扫码关注公众号、发送关键词获取验证码，校验成功后在本地存储全局解锁标识，文章平滑展开并显示成功动画。实现核心包括HTML结构划分、CSS变量控制截断高度与过渡、JS负责高度计算、锁定/解锁逻辑及验证码校验。文中还提供响应式布局、全局解锁持久化及后续优化建议，如后端API动态验证码、微信自动回复、有效期控制、数据统计和A/B测试等。

2026-03-26 10:55:33 阅读

博客文章分享卡片功能设计与实现

本文介绍在个人博客中实现分享卡片的完整方案。首先阐述功能需求：点击弹出包含标题、摘要、时间、作者和二维码的卡片，并支持保存为图片且自适应PC、移动端。随后给出技术实现细节：HTML Overlay结构、Canvas 绘制流程、手写文本自动换行函数、使用 qrcode.js 生成二维码并绘制到画布。接着说明 UI 设计要点，包括配色、字体、层次布局；以及获取文章信息、图片下载的代码实现。最后通过媒体查询实现响应式，采用2 倍缩放、异步二维码生成等优化手段，确保高清渲染和性能。全文展示了从需求分析、视觉设计到代码实现的全链路，解决了文本换行、二维码绘制和多端适配等关键难点，最终交付一个体验流畅的分享卡片功能。

2026-03-12 17:48:11 阅读

从点击到滑动：博客图片浏览体验的进化与实现

本文介绍在博客系统中实现图片左右翻动查看的完整方案。通过 initArticleImages() 收集并过滤文章区图片，构建 Lightbox 组件并提供放大、缩放、触摸滑动、键盘方向键和 ESC 关闭等交互。核心代码包括 HTML 结构、CSS 样式以及管理图片索引、导航按钮状态、边界检查的 JavaScript，实现平滑导航、按钮禁用提示和响应式布局。文章还强调性能优化、可访问性和用户体验要点，并指出该查看器可复用于产品展示、相册等多图场景。

2025-07-08 11:45:13 阅读

博客侧边栏热门文章与最新文章功能实现详解

在博客系统中通过侧边栏展示热门文章（按浏览量前5）和最新文章（按发布时间前3），提升阅读体验。后端采用只查询必要字段的 SQL，结合 Spring Cache 缓存，Controller 统一获取列表后使用 Java 8 Stream 分别排序取前5/3，实现数据复用并避免多次查询。前端使用 Thymeleaf 渲染，CSS 通过 position: sticky 实现左侧固定，并通过媒体查询在 PC 端显示、移动端隐藏。重点技术包括字段筛选、缓存、Stream 排序、粘性定位和响应式布局。

2026-03-13 18:04:35 阅读

博客实战：如何实现精准的“邮件直达评论”深层链接功能

本文介绍在 Spring Boot + Thymeleaf 项目中实现高精度评论深层链接的完整方案。通过后端递归计算目标评论的顶级父 ID（Thread ID），在邮件链接中携带 commentId 和 threadId，并保留锚点作降级；前端脚本解析参数，判断评论是否被折叠，自动展开父级、轮询 AJAX 加载、双重滚动修正图片加载导致的偏移，并以 Teal 呼吸灯动画高亮目标。该实现解决了定位失效、隐藏内容和视觉反馈弱等痛点，提升了用户在邮件通知中快速定位回复的体验。

2026-02-04 10:55:46 阅读

基于Spring Boot + MyBatis-Plus + Thymeleaf的评论管理系统深度解析

本文详细阐述了基于Spring Boot、MyBatis‑Plus和Thymeleaf的评论管理系统实现，包括前后端分离且后端保留模板渲染的架构设计、Spring Boot+MyBatis‑Plus分页查询与动态条件构造、批量操作与事务控制、Redis缓存刷新与懒/预加载策略，以及Bootstrap5+Flex实现的响应式表格/卡片视图切换和内容展开交互，提供完整代码示例和性能优化思路。

2025-07-03 14:55:52 阅读