最新文章
分享最新的技术趋势、编程技巧和开发心得
2026 年度自用 Mac 软件推荐
2026年度 Mac 必备软件清单，涵盖 AI 提效（Kiro/Antigravity）、日常工具（PixPin/MacCy/Bob）、系统优化（eul/App Cleaner）及开发辅助（PicList/SwitchHosts）等多个领域。本文精选了十余款高效实用的 Mac 应用，助你打造得心应手的生产力环境。
VitePress 优化自定义容器，包括徽标、提示框、折叠容器等
通过深度定制 CSS 样式，可显著提升 VitePress 默认容器（如提示框、折叠面板、徽标等）的视觉表现力。本文分享了优化前后的对比效果及完整的样式代码，涵盖色彩搭配、间距调整与交互增强，助你打造更具质感的文档页面。
VitePress 集成 Tailwind CSS
原子化类名不仅能提升开发效率，还能让 AI 辅助编程更精准。本文详细讲解了在 VitePress 中集成 Tailwind CSS v4 的全过程，涵盖依赖安装、Vite 插件配置、主题变量适配及全局样式引入，并分享了实用的配置方案，助你打造现代化的博客视觉。
VitePress 添加 Vercount 统计
Vercount 是一款功能强大且兼容不蒜子的网页计数器，是提升博客数据监测能力的理想选择。本文详细介绍了在 VitePress 中集成 Vercount 的全过程，包括脚本引入、路由触发配置、动态统计组件封装及文章元数据的自动化注入方案，并提供了完整的代码示例。
PS 安装教程翻译
本文翻译并整理了 Adobe Photoshop v26.10.0+ 的安装教程，包括安装 Adobe Creative Cloud、安装 Photoshop、激活软件的详细步骤及常见问题解决方法，提供了图文并茂的操作指南。
前端设计资源汇总
本文汇总了前端设计常用资源，包括网页设计工具（如 Figma、蓝湖）、颜色设计工具（如 Palette、ant-design）、字体资源（如 100font、ZSFT）、图片资源（如 Pexels、Unsplash）、图标资源和图片工具，以及动效设计工具（如 LOADING.IO、Motion）。
VitePress 添加友链界面
打造一个美观且功能完备的友链页面，不仅能增强博客的社交属性，还能提升站点的互动性。本文深入讲解了在 VitePress 中实现友链界面的全过程，包括 Frontmatter 数据管理、LinkSite 核心组件封装、全局注册技巧以及评论系统的无缝集成，并提供完整源码参考。
挑战无手写代码用 Kiro 开发一个导航网站
本文记录了使用 AI 编辑器 Kiro 挑战无手写代码开发导航网站的全过程，从需求梳理到设计文档，再到任务分解与执行，详细展示了 Kiro 的 Spec 模式及其自动化能力，同时分析了其局限性和改进建议。
如何快速无缝的从 vscode 转向AI编辑器 cursor、kiro、trae 等
本文介绍了如何从 VSCode 快速无缝转向 AI 编辑器，如 kiro、cursor、trae 等，涵盖插件安装、配置修改、两种模式的使用及命令执行的信任设置，提供详细操作步骤和效果展示。
PS 快速替换证件照背景
本文介绍了一种使用 Photoshop 快速替换证件照背景的方法，且替换效果自然无杂色和毛边，步骤简单小白也可以轻松搞定。内容包括图片解锁、主体选择、边缘处理、颜色图层创建与调整、导出图片等步骤，并提供了操作效果展示。
VitePress 优化代码块样式
本文通过集成第三方插件，轻松实现代码块的文件名与类型图标显示，同时将代码块样式修改为经典的 macOS 窗口风格，极大地提升文档的视觉层次与阅读体验。文中包含完整的配置步骤与源码，即拷即用。
VitePress 链接前加图标
自动为文内链接匹配站点图标，能够有效提升博文的视觉辨识度与阅读体验。本文介绍了在 VitePress 中实现该功能的两种方案：一是通过 CSS 伪元素结合 Iconify 在线图标库进行静态配置，二是通过 JavaScript 动态调用 Favicon API 并配合 CSS 变量实现自动抓取。文中提供了完整的 SCSS 样式、工具函数封装及主题配置代码，助你快速打造更具专业感的文档系统。