博客图片点击放大功能设置指南

功能介绍 现在你的博客已经支持点击图片查看大图功能!当读者点击文章中的任何图片时,会弹出优雅的图片查看器,支持: ✅ 点击放大查看 ✅ 键盘操作(ESC关闭,左右箭头切换) ✅ 响应式设计,移动端友好 ✅ 平滑动画效果 ✅ 背景遮罩,聚焦图片 ✅ 深色模式适配(自动跟随系统主题) 使用方法 自动启用 所有文章中的图片都会自动启用点击放大功能,无需额外设置。 标准Markdown语法 1 ![图片描述](/images/posts/图片名称.jpg) 图片属性增强 如果你需要排除某些图片(比如小图标),可以添加特殊类名: 1 ![小图标](/images/icon.png){.no-lightbox} 效果演示 示例图片 点击图片查看放大效果 技术实现 文件结构 1 2 3 4 5 assets/ ├── css/ │ └── lightbox.css # 图片查看器样式 └── js/ └── lightbox.js # 图片查看器脚本 配置选项 在 hugo.toml 中可以调整参数: ...

2025年7月30日 · 1 分钟 · Lingming

图片使用指南:如何在博客中添加图片

图片存放位置 在你的Hugo博客中,所有图片都应该放在 static/images/ 目录下: 1 2 3 4 5 6 7 8 static/ ├── images/ │ ├── posts/ # 文章相关图片 │ ├── logos/ # 品牌logo │ ├── screenshots/ # 软件截图 │ └── icons/ # 图标素材 ├── logo.svg # 网站logo └── favicon.svg # 网站图标 创建图片目录 让我们为这篇文章创建一个专门的图片目录: ...

2025年7月30日 · 2 分钟 · Lingming

“亲”民还是“新”民?

《大学》开篇有三句话,被称为“三纲领”:“大学之道,在明明德,在亲民,在止于至善。”其中“明明德”和“止于至善”争议不大,但第二句里的那个字——“亲”民,却在儒学史上引发了一场持续数百年的争论。争论的起点是朱熹。朱熹认为,这个“亲”字是古人抄错了,原文应该是“新”民——意思是“革新百姓”,让人民去除旧习、焕然一新。他还在后文找到了“作新民”三个字作为佐证,煞有介事地把“亲”改成了“新”,并写进了他的《大学章句》。朱熹是宋代儒学的集大成者,地位极高,他这么一改,后世许多人便跟着用“新民”。但王阳明不认同。他坚持认为原文就是“亲民”,不需要改,也不应该改。这不只是一个字的问题,背后是两种截然不同的对“圣人之道”的理解。

2025年7月30日 · 1 分钟 · Lingming

我的第一篇笔记:开启灵明之旅

欢迎来到灵明博客 灵明者,心之本体也。在这个信息爆炸的时代,我们每天都在接收大量的信息,却很少有时间静下心来思考。这个博客就是我记录思考、分享学习心得的地方。 为什么选择 “灵明” “灵明"二字取自王阳明心学,意为心灵的本然之明。正如阳明先生所言: “心者,身之主宰也,而心之虚灵明觉,即所谓本然之良知也。” 在这个博客中,我希望能够: 记录思考:将日常的所思所想整理成文字 分享知识:分享技术、生活、阅读中的收获 保持学习:通过写作深化理解,促进成长 连接他人:与志同道合的朋友交流思想 博客特色 技术栈 Hugo:快速的静态网站生成器 Cloudflare Pages:全球 CDN 加速部署 PaperMod:简洁优雅的主题 Fuse.js:强大的本地搜索功能 内容方向 📚 技术分享:编程经验、工具使用、技术思考 📖 阅读笔记: 读书心得、感悟随笔 🎯 学习方法:如何高效学习、知识管理 🔍 工具推荐:好用的软件、应用、方法论 博客功能 快速导航 首页:最新文章和博客介绍 归档:按时间顺序浏览所有文章 标签:通过标签快速找到相关内容 搜索:支持全文搜索,快速定位信息 阅读体验 响应式设计:完美适配手机、平板、电脑 深色模式:保护眼睛的夜间阅读 快速加载:优化的性能体验 优雅排版:舒适的阅读界面 第一篇博客的意义 写下这篇博客,标志着正式开始了我的记录之旅。就像古人说的: ...

2025年7月30日 · 1 分钟 · Lingming