发现一款宝藏工具：Shots.so，几秒钟做出高级感 Mockup
这篇文章介绍了Shots.so这个在线工具，它能将普通截图转化为高质量的效果图，适用于设计展示、文章配图、产品宣传等场景，提供多种设备模板、背景风格和动态效果，操作简单，适合各类用户提升作品质感。
你好，欢迎来到谜叶象限
每一片叶子，都是未完成的坐标系
每一片叶子，都是未完成的坐标系
-
-
Cover Magic：专业的封面设计工具，支持实时预览和高质量导出
这篇文章介绍了技术博主在制作高质量技术文章封面时面临的困境，现有工具的不足，以及作者开发的Cover Magic工具如何解决这些问题，提供实时可视化编辑和专业级封面的功能。
-
Nuxt4.0初体验：一个简约、精美、现代化的个人站点导航！
这篇文章介绍了作者使用Nuxt 4.0重构个性化站点导航网站的经历，阐述了Nuxt 4.0的新特性和优势，如更清晰的项目结构、更好的TypeScript体验、更快的CLI和开发速度等，并且分享了重构过程中的体验和项目完成效果。同时，作者还对比了Nuxt.js与Next.js两个框架的优劣，表达了自己对Nuxt.js的偏好。
-
git commit -m "feat: 告诉你妈，我现在买得起房子了！"
这篇文章介绍了作者回顾自己使用了六年的电脑，从最初的依赖到逐渐不堪重负，最终决定更换新电脑的过程。文中描述了对硬件配置的不了解和学习过程，以及在预算和性能之间不断调整的纠结与最终的装机方案。
-
一次旅游引发的家庭争论：当节俭传统遇上"趁能走多看看"的晚年愿望
这篇文章介绍了家庭因一次上海旅游引发的争论，反映了节俭传统与父母晚年愿望之间的冲突，以及子女在理解父母与现实经济压力间的矛盾。
-
让 GitHub 个人主页更专业：用 WakaTime 实现动态代码统计
这篇文章介绍了如何使用 WakaTime 为 GitHub 个人主页添加动态代码统计，展示编码活跃度，提升专业性。通过注册账号、安装 IDE 插件、配置 GitHub 仓库和使用工作流自动更新 README 文件，实现对多种编程语言的详细统计。
-
旅行漫记：湖心浮光乌托邦
博友圈
冬日，碧空如洗，浮光跃金。给GR21装上黄金色调的Kodak ColorPlus 200胶卷，冒着凛冽的寒风，沿着蠡堤行走于渤公岛湖心。在著名的湖心乌托邦伊德音...
-
Butterfly主题实现赞赏页面及侧边卡片
清羽飞扬
好久没更新魔改主题的教程了，主要是目前整体已趋于稳定，加上我也有意转向动态框架。不过前些天发哥催我做一个打赏页面，那我可开心了。于是上周抽空逐步将其打磨完成，效果也让我十分满意。顺便写下这篇教程，希望能对大家有所帮助。
-
基于宝塔Frp实现本地飞牛Nas内网穿透
刘郎阁
家里的飞牛NAS里，存了不少重要的日常文件、珍贵照片以及各类资源。虽说飞牛NAS自带外网访问功能，却受不少因素制约，实际用起来并不顺手。同一时段使用的人一多，操作卡顿不说，文件上传、下载速度还会...
-
拾风草堂：感受全运
博友圈
带娃感受第十五届全运会的氛围，买了周日在天河体育中心举办的全运会18岁男子排球决赛的门票，满足离家近且周末举行 […]
-
昨晚的国际互联网经历了一场灾难
维基萌
昨晚的国际互联网经历了一场灾难。 维基萌也被波及到了呢！由于设置了站点检测，昨晚故障警报不停。 一开始还以为维基萌服务器又出问题了，结果一看居然是 Cloudflare ？ 看起来是由于 CDN 运营商 Cloudflare 的故障。众多网络服务出现了无法访问的情况。 更要命的是，面板也同时出现故障导致无法临时切换解析地址。 就这样故障从日本时间将近晚上9点，一直持续到了晚上11点过后，维基萌的访...
-
陈锐同学：隔山对话——第三届川藏美术名家交流展
博友圈
四川省美术馆又上新了，上周日下午去溜达了一圈，真漂亮，少数民族风拉满。当然，也有一些汉族的画作，这个展出的主题就是“隔山对话-第三届川藏美术名家交流展”，体现藏、汉、羌、彝、纳西等多民族共存的文化多样性。 这幅画是《青山相待》，喏，这南极仙翁哇，青山脚下，悠哉悠哉的驾鹤飞翔，手里还拿着蒲扇，这是给仙鹤扇风哇，来来来，辛苦啦，给你扇扇风。下面这幅画看着都舒坦，以繁茂的植物为主体，搭配飞翔的鸟类，展现...
前端的全栈之路：基于 Vue3 + Nest.js 全栈开发的后台应用
这篇文章介绍了基于Vue3和Nest.js开发的一个全栈后台应用，适合想学习全栈开发的人员参考。前端使用了相关技术栈，后端则列出了部分技术组件。线上预览提供了一个演示环境，并给出了默认的用户名和密码。项目包含动态国际化语言配置、操作日志记录、用户角色权限管理、动态路由菜单生成、消息公告推送等功能。文章还提供了项目的安装步骤、技术要求及注意事项，强调仅用于学习交流且可能存在Bug，欢迎贡献代码和反馈问题以完善项目。
-
Teacher Du 看了下效果图，非常漂亮，功能也很丰富~
-
Certimate + Let’s Encrypt：零干预的 HTTPS 永续方案
这篇文章介绍了HTTPS在互联网中的重要性以及手动续签SSL证书的痛点，如频繁操作、易出错和安全风险。随后讨论了自动化续签工具如Certbot、Certimate和acme.sh的功能对比，强调了自动化管理的优势，并重点介绍了Certimate如何解决这些问题。
uni-halo + 微信小程序开发实录：我的第一个作品诞生记
这篇文章介绍了使用uni-halo框架进行微信小程序开发的过程，包括选择该框架的原因、开发目标以及项目配置和部署的步骤。
2025年中复盘：从代码到肠镜，我的跨界学习之旅
这篇文章介绍了作者在2025年上半年因为疾病而经历的生活转变，从原本的前端开发者变成了需要学习和应对自己健康问题的“医疗前端”开发者，通过这段经历对“成长”有了新的定义和体会。
当免疫系统叛变时，一个 IBD 患者的独白
这篇文章介绍了IBD患者在免疫系统异常后经历的长期求医过程，包括初期症状、多次就诊和检查，最终在医院确诊为升结肠溃疡伴狭窄，揭示了病情的复杂性。
精选分类
-
life-fragments
生活碎片
记录生活的点点滴滴
进入分类-
git commit -m "feat: 告诉你妈，我现在买得起房子了！"
这篇文章介绍了作者回顾自己使用了六年的电脑，从最初的依赖到逐渐不堪重负，最终决定更换新电脑的过程。文中描述了对硬件配置的不了解和学习过程，以及在预算和性能之间不断调整的纠结与最终的装机方案。
-
2025年中复盘：从代码到肠镜，我的跨界学习之旅
这篇文章介绍了作者在2025年上半年因为疾病而经历的生活转变，从原本的前端开发者变成了需要学习和应对自己健康问题的“医疗前端”开发者，通过这段经历对“成长”有了新的定义和体会。
-
当免疫系统叛变时，一个 IBD 患者的独白
这篇文章介绍了IBD患者在免疫系统异常后经历的长期求医过程，包括初期症状、多次就诊和检查，最终在医院确诊为升结肠溃疡伴狭窄，揭示了病情的复杂性。
-
日记：2024上半年收工啦！
这篇文章介绍了作者在2024年上半年工作及个人学习情况的回顾。作者完成了自己设定的学习目标，对所开发的项目感到满意，并计划在下半年继续学习和完善项目。同时，作者也表达了对当前开发领域就业环境的担忧，以及对行业35岁现象的感慨。
-
-
front-development
前端开发
记录和分享前端开发经验
进入分类-
前端的全栈之路：基于 Vue3 + Nest.js 全栈开发的后台应用
这篇文章介绍了基于Vue3和Nest.js开发的一个全栈后台应用，适合想学习全栈开发的人员参考。前端使用了相关技术栈，后端则列出了部分技术组件。线上预览提供了一个演示环境，并给出了默认的用户名和密码。项目包含动态国际化语言配置、操作日志记录、用户角色权限管理、动态路由菜单生成、消息公告推送等功能。文章还提供了项目的安装步骤、技术要求及注意事项，强调仅用于学习交流且可能存在Bug，欢迎贡献代码和反馈问题以完善项目。
-
Cover Magic：专业的封面设计工具，支持实时预览和高质量导出
这篇文章介绍了技术博主在制作高质量技术文章封面时面临的困境，现有工具的不足，以及作者开发的Cover Magic工具如何解决这些问题，提供实时可视化编辑和专业级封面的功能。
-
Certimate + Let’s Encrypt：零干预的 HTTPS 永续方案
这篇文章介绍了HTTPS在互联网中的重要性以及手动续签SSL证书的痛点，如频繁操作、易出错和安全风险。随后讨论了自动化续签工具如Certbot、Certimate和acme.sh的功能对比，强调了自动化管理的优势，并重点介绍了Certimate如何解决这些问题。
-
uni-halo + 微信小程序开发实录：我的第一个作品诞生记
这篇文章介绍了使用uni-halo框架进行微信小程序开发的过程，包括选择该框架的原因、开发目标以及项目配置和部署的步骤。
-
-
small-talk
闲聊杂谈
日常生活中常见的闲谈话题
进入分类-
Cover Magic：专业的封面设计工具，支持实时预览和高质量导出
这篇文章介绍了技术博主在制作高质量技术文章封面时面临的困境，现有工具的不足，以及作者开发的Cover Magic工具如何解决这些问题，提供实时可视化编辑和专业级封面的功能。
-
一次旅游引发的家庭争论：当节俭传统遇上"趁能走多看看"的晚年愿望
这篇文章介绍了家庭因一次上海旅游引发的争论，反映了节俭传统与父母晚年愿望之间的冲突，以及子女在理解父母与现实经济压力间的矛盾。
-
让 GitHub 个人主页更专业：用 WakaTime 实现动态代码统计
这篇文章介绍了如何使用 WakaTime 为 GitHub 个人主页添加动态代码统计，展示编码活跃度，提升专业性。通过注册账号、安装 IDE 插件、配置 GitHub 仓库和使用工作流自动更新 README 文件，实现对多种编程语言的详细统计。
-
夕阳之歌：梅艳芳用生命燃烧的绝唱，一场永不过期的告别
在病入膏肓、身体极度孱弱又穿戴着沉重的演出服的情况下，她的声线已经是沙哑颤抖地难以控制，这首歌能完成至如此水平，真是个奇迹，歌声中满是沧桑、坚毅与不舍。不愧为女中豪杰，令人敬佩亦扼腕
-
-
next
Next 实战
从 0 到 1 搭建一个 Next.js 项目，并分享其记录过程
进入分类-
基于 Next.js 的今日热门榜单平台
这篇文章介绍了使用Next.js框架开发的今日热门榜单平台——云停涧，该平台收集了微博、抖音、百度等多个热门平台的API接口，实现了全网热点的汇总展示。文章详细说明了项目信息、效果预览、热点平台、项目运行和本地部署等，并计划添加拖拽排序、主题切换动画等新功能。
-
Next.js 实战 (十)：中间件的魅力，打造更快更安全的应用
这篇文章介绍了Next.js中间件的功能与应用，强调其在提升应用性能和安全性方面的重要性。中间件能够拦截并处理每个请求，支持身份验证、请求日志记录及响应数据的预处理等任务。文中通过示例展示了如何利用中间件进行重定向、记录请求信息以及修改请求和响应内容，从而帮助开发者构建更高效、更安全的应用程序。
-
Next.js 实战 (九)：使用 next-auth 完成第三方身份登录验证
这篇文章介绍了如何使用 next-auth 库在 Next.js 应用程序中实现第三方身份登录验证。next-auth 是一个功能强大的身份验证库，支持多种认证方式，包括 OAuth 2.0 提供商和自定义提供商。它具有内置的 OAuth 支持、会话管理、多语言功能、自定义页面、安全默认设置以及与不同数据库的集成能力。文章还提到了配置环境变量和设置 API 路由的相关步骤，帮助开发者快速集成身份验证功能。
-
Next.js 实战 (八)：使用 Lodash 打包构建产生的“坑”？
这篇文章介绍了作者在使用Next.js框架进行项目开发时，遇到使用Lodash库打包构建产生的问题。开发环境中一切正常，但打包构建时出现报错，作者通过查找资料和尝试多种解决方案，但问题依然存在。
-
-
nest
Nest 实战
从 0 到 1 搭建一个后台基于 Nest.js 的全栈项目，并分享其记录过程
进入分类-
Nest.js 实战 (十五)：前后端分离项目部署的最佳实践
这篇文章介绍了如何部署一个采用现代前后端技术栈的分离架构项目到生产环境的最佳实践。文章以Nest.js后端和现代前端框架为例，详细描述了从安装依赖、配置数据库、上传代码到服务器，再到配置反向代理的过程。通过设置Node.js运行环境、上传前端文件并解压、配置HTTPS证书以及实现反向代理来转发API请求，最终确保前后端服务能够正常运行并被用户访问。同时，文章还提到了一些常见的部署问题及解决方法。
-
Nest.js 实战 (十四)：如何获取客户端真实 IP
这篇文章介绍了在 Nest.js 应用中如何获取客户端的真实 IP 地址。当请求来自本地代理时，直接获取的 IP 地址可能不准确。为了解决这个问题，需要确保代理服务器设置正确的转发头（如 X-Forwarded-For 或 X-Real-IP），并在后端正确读取这些头信息。文章还提供了获取真实 IP 地址的方法，并展示了在登录接口中调用该方法的示例代码。
-
Nest.js 实战 (十三)：实现 SSE 服务端主动向客户端推送消息
这篇文章介绍了如何在 Nest.js 应用中实现 Server-Sent Events（SSE）技术，用于服务端主动向客户端推送消息。文章以实时通信场景为例，讨论了选择 SSE 技术的原因，因其能满足高效推送和低延迟需求，且更适合服务器向客户端发送更新的场景。接着详细描述了如何通过 @Sse 装饰器和 Event Emitter 实现 SSE 功能，并展示了相关代码片段，包括创建 SSE 连接、监听事件以及处理消息推送的逻辑。
-
Nest.js 实战 (十二)：优雅地使用事件发布/订阅模块 Event Emitter
这篇文章介绍了如何在 Nest.js 应用中优雅地使用事件发布/订阅模块 Event Emitter。EventEmitter 是一个基于强大库的社区模块，能够简化服务间的通信，使应用更健壮、灵活且易于扩展。文章详细讲解了安装依赖、初始化模块、发布事件以及订阅事件的具体步骤，并展示了在服务中注入 Event Emitter 并使用其方法完成事件的发布与监听的代码示例。
-
-
nuxt
Nuxt 实战
从 0 到 1 搭建一个 Nuxt.js 项目，并分享其记录过程
进入分类-
Nuxt4.0初体验：一个简约、精美、现代化的个人站点导航！
这篇文章介绍了作者使用Nuxt 4.0重构个性化站点导航网站的经历，阐述了Nuxt 4.0的新特性和优势，如更清晰的项目结构、更好的TypeScript体验、更快的CLI和开发速度等，并且分享了重构过程中的体验和项目完成效果。同时，作者还对比了Nuxt.js与Next.js两个框架的优劣，表达了自己对Nuxt.js的偏好。
-
Nuxt3 实战 (十二)：SEO 搜索引擎优化指南
这篇文章介绍了如何在Nuxt3中进行搜索引擎优化（SEO），包括如何在nuxt.config.ts中添加配置，使用组合函数useHead和useSeoMeta来设置网站的标题、关键词、描述等元数据，并根据当前路由动态设置元数据，以及如何设置动态标题。
-
Nuxt3 实战 (十一)：添加路由 Transition 过渡效果和 Loading 动画
这篇文章介绍了在Nuxt3项目中如何添加路由Transition过渡效果和Loading动画，通过配置nuxt.config.ts文件和在app.vue中添加CSS来实现页面和布局之间的过渡效果，并展示了如何为不同页面设置不同的过渡效果。
-
Nuxt3 实战 (十)：使用 Supabase 实现 RESTful 风格 API 接口
这篇文章介绍了如何使用Supabase实现RESTful风格的API接口，通过两张表`ds_categorys`和`ds_websites`来存储网站分类及子站点的相关信息，并实现CURD功能。文章详细说明了如何设计接口，如何在`server/api`目录下新增接口文件，并展示了如何编写Get接口的示例代码。
-
最新图文动态
最新视频动态
走心评论
刘郎
发表在「Nuxt4.0初体验：一个简约、精美、现代化的个人站点导航！」
我自己之前也收藏了很多网站 但换了设备后很多都找不到 于是我也便有了自己弄一个导航网站的想法 想想自己做吧 太麻烦了 放弃了 后来看到wp有一个主题可以直接生成 现在也就一直用着了
LiuShen
发表在「Certimate + Let’s Encrypt：零干预的 HTTPS 永续方案」
宝塔还出了一个AllinSSL，感觉也很不错，功能也挺多的哈哈😍 有外网环境的话，感觉zerossl和谷歌证书更好一些，lets在老一些的安卓设备上不信任，不过感觉也没什么影响，那么老的设备大概率也不会看网站了哈哈
瓦匠
发表在「2025年中复盘：从代码到肠镜，我的跨界学习之旅」
沉默也许不是最好得回答，却是最适合自己得回答，那些失去的，都会以其他的方式回来
橙皮
发表在「当免疫系统叛变时，一个 IBD 患者的独白」
加油，我妹妹也是克罗恩病，在小地方误诊为阑尾炎切了阑尾，到长沙湘雅二院才确诊的；那时23年，她才17岁，也是特殊情况，通过MDT住院一个多月才有手术条件；同款营养粉哈哈，现在体重已经恢复了😛
thesomeexp
发表在「当免疫系统叛变时，一个 IBD 患者的独白」
同为免疫系统疾病病人, 看着真感同身受. 心态挺好, 希望保持哈哈哈. 慢慢来吧. 还活着就是希望.
Teacher Du
发表在「前端的全栈之路：基于 Vue3 + Nest.js 全栈开发的后台应用」
看了下效果图，非常漂亮，功能也很丰富~
Router
发表在「前端的全栈之路：基于 Vue3 + Nest.js 全栈开发的后台应用」
现在nodejs泛用性真的太强了，不但前端能写，后端也能搞。
likebocai
发表在「Nuxt3 实战 (十二)：SEO 搜索引擎优化指南」
博主，你怎么不更新nuxt3了，感觉的博文涉猎很广，很规范。求更！ OωO
Xoyo
发表在「致敬每一个像“胖猫”一样对待感情真诚的人」
它看似是一起典型的性别议题；男女恋爱之间的经济往来，被简化为女性在亲密关系中得到利益，女方被以捞女等典型的厌女词汇抨击，男女则被无限浪漫化、崇高化，全社会又一次喜闻乐见对一个女人的私刑。而在同一时间内发生的梅州高速事故，直到胖猫热点结束，人们甚至都不知道事故中所有遇难者的姓名。 或许我们需要...
马草原
发表在「致敬每一个像“胖猫”一样对待感情真诚的人」
先说观点：爱人先爱己，像胖猫这样的人并不值得致敬。对于一个成年人把握不好安全边界过度理想化以及极高的依赖度只会害了自己。听起来似乎很无情，但是现实就是这样的。你可以把纯真或是幼稚当做优点，但是在成年人的世界里这就是不及格，把自身置于危险的境地。但是他不安全的依恋类型家庭因素占据大头，所以也并不...
淡念
发表在「致敬每一个像“胖猫”一样对待感情真诚的人」
爱人先爱己，这句话说的简单，可又有多少人能做到呢？一旦爱上就会毫无保留、倾尽所有...之前我一直坚信喜欢比合适重要，但是现在我明白了合适比喜欢要更重要一些😩
广树
发表在「Nuxt3 实战 (四)：安装 Nuxt UI 和配置 Typescript 类型检查」
我的博客就是基于Nuxt UI做的，怎么说呢，这个UI局限性挺大的，还有些不是很理解的限制。 比如tooltip组件只能在PC用 比如Slideover组件只能左右 比如Modal组件会默认给html插入一个padding-right，我知道是防止锁定滚轮时出现html宽度的变化，但是我的滚轮...