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

功能介绍 现在你的博客已经支持点击图片查看大图功能!当读者点击文章中的任何图片时,会弹出优雅的图片查看器,支持: ✅ 点击放大查看 ✅ 键盘操作(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 中可以调整参数: 1 2 3 [params.lightbox] enabled = true # 是否启用 effect = "fadeIn" # 动画效果 高级用法 图片分组 如果你想实现图片组浏览(左右切换),可以给图片添加相同的 data-lightbox 属性: ...

July 30, 2025

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

图片存放位置 在你的Hugo博客中,所有图片都应该放在 static/images/ 目录下: 1 2 3 4 5 6 7 8 static/ ├── images/ │ ├── posts/ # 文章相关图片 │ ├── logos/ # 品牌logo │ ├── screenshots/ # 软件截图 │ └── icons/ # 图标素材 ├── logo.svg # 网站logo └── favicon.svg # 网站图标 创建图片目录 让我们为这篇文章创建一个专门的图片目录: 1 mkdir -p static/images/posts/2025-07-30-image-guide/ 实际使用示例 1. 封面图片 在文章头部添加封面图: 1 2 3 4 --- title: "文章标题" image: "/images/posts/2025-07-30-image-guide/cover.jpg" --- 2. 内容图片 在正文中插入图片: 1 2 3 ![图片描述](/images/posts/2025-07-30-image-guide/example.png) ![Hugo博客首页](/images/posts/2025-07-30-image-guide/hugo-homepage.png) 3. 图片对齐 使用HTML实现更复杂的布局: ...

July 30, 2025

“亲”民还是“新”民?

原文 爱问:​“‘在亲民’,朱子谓当作‘新民’,后章‘作新民’之文似亦有据。先生以为宜从旧本作‘亲民’,亦有所据否?​ ”先生曰:​“‘作新民’之‘新’,是‘自新之民’,与‘在新民’之‘新’不同,此岂足为据!‘作’字却与‘亲’字相对,然非‘亲’字义。下面‘治国平天下’处,皆于‘新’字无发明。如云‘君子贤其贤而亲其亲,小人乐其乐而利其利’‘如保赤子’‘民之所好好之,民之所恶恶之,此之谓民之父母’之类,皆是‘亲’字意。‘亲民’犹《孟子》‘亲亲仁民’之谓,‘亲之’即‘仁之’也。‘百姓不亲’,舜使契为司徒,‘敬敷五教’,所以亲之也。​《尧典》‘克明峻德’便是‘明明德’,‘以亲九族’至‘平章’‘协和’,便是‘亲民’,便是‘明明德于天下’。又如孔子言‘修己以安百姓’,‘修己’便是‘明明德’,‘安百姓’便是‘亲民’。说‘亲民’便是兼教养意,说‘新民’便觉偏了。​” 思维导图 图:“亲民"与"新民"概念关系思维导图 他山之石 我们的观念和思维过程都受到语言的影响,也就是说我们理解一个概念或者一个事件,都是基于语言的要素和组织逻辑展开的。同一个概念,在不同的语言环境里,其解释和组织方式可能会有差异。利用这种差异化的视角,我们可以更全面、更准确地理解这个概念。因此,下面这个比较“亲民”和“新民”的英文视频,会给我们带来不一样的理解。 视频里从领导力的角度来比较“亲民”和“新民”,“亲民”是关爱下属,激发下属的自驱力,使其自觉上进;而“新民”则强调革新的目的,更多是自上而下去改变下属的行为。 这是两种截然不同的管理文化,各有其优势和适用场景,也就无所谓对错优劣。 古代儒家经典里总是提倡君子,提倡圣人,作为人追求的目标;而现代社会里,人们更多从领导力的视角来思考问题。这一点很有意思。一方是提高自己的修为品德,自然会有人来追随;而另一方把让人追随看作一种能力,着重在这项能力的培养上下功夫。 带入现代人的视角去读古人的书,也是一件很有意思的事儿。

July 30, 2025

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

欢迎来到灵明博客 灵明者,心之本体也。在这个信息爆炸的时代,我们每天都在接收大量的信息,却很少有时间静下心来思考。这个博客就是我记录思考、分享学习心得的地方。 为什么选择 “灵明” “灵明"二字取自王阳明心学,意为心灵的本然之明。正如阳明先生所言: “心者,身之主宰也,而心之虚灵明觉,即所谓本然之良知也。” 在这个博客中,我希望能够: 记录思考:将日常的所思所想整理成文字 分享知识:分享技术、生活、阅读中的收获 保持学习:通过写作深化理解,促进成长 连接他人:与志同道合的朋友交流思想 博客特色 技术栈 Hugo:快速的静态网站生成器 Cloudflare Pages:全球 CDN 加速部署 PaperMod:简洁优雅的主题 Fuse.js:强大的本地搜索功能 内容方向 📚 技术分享:编程经验、工具使用、技术思考 📖 阅读笔记: 读书心得、感悟随笔 🎯 学习方法:如何高效学习、知识管理 🔍 工具推荐:好用的软件、应用、方法论 博客功能 快速导航 首页:最新文章和博客介绍 归档:按时间顺序浏览所有文章 标签:通过标签快速找到相关内容 搜索:支持全文搜索,快速定位信息 阅读体验 响应式设计:完美适配手机、平板、电脑 深色模式:保护眼睛的夜间阅读 快速加载:优化的性能体验 优雅排版:舒适的阅读界面 第一篇博客的意义 写下这篇博客,标志着正式开始了我的记录之旅。就像古人说的: “千里之行,始于足下。” 每一个伟大的旅程都始于第一步,每一个优秀的博客都始于第一篇文章。 期待与展望 未来的日子里,我会在这里: 持续更新:保持每周至少一篇的频率 深度思考:不追求数量,注重质量 互动交流:欢迎读者留言讨论 不断改进:根据反馈优化博客体验 联系我 如果你有任何想法、建议或想交流的话题,欢迎通过以下方式联系我: 📧 邮箱:通过博客联系页面 💬 评论:在每篇文章下方留言 🔗 分享:转发你认为有价值的内容 感谢你的到来,让我们一起在灵明之路上前行! “此心光明,亦复何言。” - 王阳明 写于 2025 年 7 月底,灵明博客诞生之际 ...

July 30, 2025 · Lingming