最新文章
分享最新的技术趋势、编程技巧和开发心得
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 样式、工具函数封装及主题配置代码,助你快速打造更具专业感的文档系统。





















