一个关于技术、生活与思考的个人博客。https://bber.cn/https://bber.cn/posts/css-debug-devtools/https://bber.cn/posts/css-debug-devtools/定位被覆盖的样式、比较盒模型、实时改 CSS，把调试时间砍半。Sun, 23 Aug 2026 00:00:00 GMT技术调试DevToolsCSShttps://bber.cn/posts/edit-post-card-b2/https://bber.cn/posts/edit-post-card-b2/从封面比例、信息层级到悬停动效，系统改造 B2 列表卡片。Sun, 16 Aug 2026 00:00:00 GMT美化B2主题卡片美化https://bber.cn/posts/color-system-design/https://bber.cn/posts/color-system-design/从主色、中性色到语义色，用阶梯变量组织配色，让 B2 改版不再凭感觉。Sun, 09 Aug 2026 00:00:00 GMT美化配色设计系统CSS变量https://bber.cn/posts/css-form-controls/https://bber.cn/posts/css-form-controls/用 appearance: none 重置默认样式，自定义复选框、单选与开关。Sun, 02 Aug 2026 00:00:00 GMT美化CSS表单美化https://bber.cn/posts/git-child-theme/https://bber.cn/posts/git-child-theme/把 B2 子主题目录纳入 Git，记录每次美化改动，随时回滚。Sun, 26 Jul 2026 00:00:00 GMT技术Git版本控制子主题https://bber.cn/posts/wp-enqueue-assets/https://bber.cn/posts/wp-enqueue-assets/杜绝直接在模板里写 script 标签，用 wp_enqueue 管理依赖与版本。Sun, 19 Jul 2026 00:00:00 GMT技术WordPressenqueue资源https://bber.cn/posts/wp-filters-hooks/https://bber.cn/posts/wp-filters-hooks/理解 add_filter / add_action，用钩子在 B2 输出前后插入或改写内容。Sun, 12 Jul 2026 00:00:00 GMT技术WordPressHookFilterhttps://bber.cn/posts/override-parent-template/https://bber.cn/posts/override-parent-template/在子主题目录放同名模板文件即可覆盖 B2 对应模板，无需改动父主题。Sun, 05 Jul 2026 00:00:00 GMT美化B2主题模板子主题https://bber.cn/posts/wp-shortcode/https://bber.cn/posts/wp-shortcode/用 add_shortcode 封装可复用组件，在文章里一键插入卡片、按钮等。Sun, 28 Jun 2026 00:00:00 GMT技术WordPressShortcodefunctions.phphttps://bber.cn/posts/wp-rest-api/https://bber.cn/posts/wp-rest-api/用 REST API 读取文章与分类，为 B2 做自定义前端或小程序打基础。Sun, 21 Jun 2026 00:00:00 GMT技术WordPressREST APIJSONhttps://bber.cn/posts/homepage-perf/https://bber.cn/posts/homepage-perf/给 B2 首页做体检：字体、图片、脚本、缓存逐项提速。Sun, 14 Jun 2026 00:00:00 GMT技术性能优化清单首页https://bber.cn/posts/critical-rendering-path/https://bber.cn/posts/critical-rendering-path/理清浏览器渲染流程，针对性削减阻塞资源，加快首次内容绘制。Sun, 07 Jun 2026 00:00:00 GMT技术性能CRP优化https://bber.cn/posts/code-highlight/https://bber.cn/posts/code-highlight/用 highlight.js / Prism 给文章代码上色，并适配暗色主题。Sun, 31 May 2026 00:00:00 GMT技术代码高亮highlight.js美化https://bber.cn/posts/smooth-scroll-toc/https://bber.cn/posts/smooth-scroll-toc/给长文加 TOC 侧边栏，点击平滑跳转并高亮当前章节。Sun, 24 May 2026 00:00:00 GMT技术JSTOC交互https://bber.cn/posts/svg-icon-sprite/https://bber.cn/posts/svg-icon-sprite/用 SVG sprite 一次性注入图标，避免重复请求，颜色随 currentColor 变化。Sun, 17 May 2026 00:00:00 GMT技术SVG图标性能https://bber.cn/posts/image-lazyload/https://bber.cn/posts/image-lazyload/延迟加载首屏外图片，缩短首屏时间，附原生与 JS 两种方案。Sun, 10 May 2026 00:00:00 GMT技术性能图片懒加载https://bber.cn/posts/card-hover-micro/https://bber.cn/posts/card-hover-micro/用阴影、位移与图标动效做有质感的卡片反馈，克制而不花哨。Sun, 03 May 2026 00:00:00 GMT美化CSS微交互悬停https://bber.cn/posts/custom-scrollbar/https://bber.cn/posts/custom-scrollbar/用 ::-webkit-scrollbar 与 scrollbar-color 美化滚动条，呼应站点配色。Sun, 26 Apr 2026 00:00:00 GMT美化CSS滚动条美化https://bber.cn/posts/responsive-breakpoints/https://bber.cn/posts/responsive-breakpoints/从手机样式往上叠加，用最少断点覆盖大屏，避免样式冲突。Sun, 19 Apr 2026 00:00:00 GMT技术响应式CSS移动端https://bber.cn/posts/sticky-nav/https://bber.cn/posts/sticky-nav/用 sticky 让导航在滚动时吸附顶部，比 fixed 更少破坏布局。Sun, 12 Apr 2026 00:00:00 GMT技术CSSsticky导航https://bber.cn/posts/will-change-backdrop/https://bber.cn/posts/will-change-backdrop/避免 will-change 滥用导致内存暴涨，以及在滚动列表里谨慎使用 backdrop-filter。Sun, 05 Apr 2026 00:00:00 GMT技术性能will-changebackdrop-filterhttps://bber.cn/posts/transition-perf/https://bber.cn/posts/transition-perf/只动 transform 与 opacity，避免触发重排重绘，让悬停动画丝滑不掉帧。Sun, 29 Mar 2026 00:00:00 GMT技术性能动画CSShttps://bber.cn/posts/clamp-fluid-type/https://bber.cn/posts/clamp-fluid-type/一行代码让字号随视口平滑缩放，替代多段媒体查询。Sun, 22 Mar 2026 00:00:00 GMT技术CSS响应式clamphttps://bber.cn/posts/typography-basics/https://bber.cn/posts/typography-basics/掌握中文阅读舒适度的三个抓手，让 B2 文章页更易读。Sun, 15 Mar 2026 00:00:00 GMT美化排版可读性CSShttps://bber.cn/posts/astro-blog/https://bber.cn/posts/astro-blog/从零开始，用 Astro 内容集合与 Tailwind 打造一个轻量、快速、对中文友好的个人博客。Thu, 12 Mar 2026 00:00:00 GMT技术Astro静态站点前端https://bber.cn/posts/web-font-optimize/https://bber.cn/posts/web-font-optimize/用 font-display 控制文字闪动，配合 preload 与系统字体回退提速中文站点。Sun, 08 Mar 2026 00:00:00 GMT技术性能字体Web Fonthttps://bber.cn/posts/dark-mode-css/https://bber.cn/posts/dark-mode-css/基于 prefers-color-scheme 跟随系统，再用 CSS 变量与少量 JS 支持手动切换。Sun, 01 Mar 2026 00:00:00 GMT技术CSS暗色模式主题https://bber.cn/posts/gradient-glassmorphism/https://bber.cn/posts/gradient-glassmorphism/用线性/径向渐变营造氛围，配合 backdrop-filter 做出通透的玻璃卡片。Mon, 23 Feb 2026 00:00:00 GMT美化CSS渐变玻璃拟态https://bber.cn/posts/frontend-perf/https://bber.cn/posts/frontend-perf/一份可以立刻上手的前端性能优化清单，覆盖加载、渲染与交互三个层面。Fri, 20 Feb 2026 00:00:00 GMT技术性能优化Web体验https://bber.cn/posts/css-grid-layout/https://bber.cn/posts/css-grid-layout/用二维网格做杂志式排版与自适应列数，复杂布局比 Flex 更直观。Mon, 16 Feb 2026 00:00:00 GMT技术CSSGrid布局https://bber.cn/posts/flexbox-layout/https://bber.cn/posts/flexbox-layout/用弹性盒模型快速实现导航栏、卡片排列与垂直居中，告别 float 与 margin 技巧。Mon, 09 Feb 2026 00:00:00 GMT技术CSSFlexbox布局https://bber.cn/posts/css-specificity/https://bber.cn/posts/css-specificity/理解选择器权重计算，避免 !important 满天飞，让覆盖 B2 样式更可控。Mon, 02 Feb 2026 00:00:00 GMT技术CSS特异性调试https://bber.cn/posts/css-variables-theming/https://bber.cn/posts/css-variables-theming/通过 :root 自定义属性集中管理颜色、间距与圆角，改一处全局生效。Thu, 22 Jan 2026 00:00:00 GMT技术CSS变量主题https://bber.cn/posts/hiking-weekend/https://bber.cn/posts/hiking-weekend/一次说走就走的近郊徒步，关于山、风，以及把手机调成静音后的那种踏实。Sun, 18 Jan 2026 00:00:00 GMT生活旅行生活自然https://bber.cn/posts/child-functions-enqueue/https://bber.cn/posts/child-functions-enqueue/用 wp_enqueue_scripts 在子主题中继承并追加 B2 主题样式，顺序不打架。Thu, 15 Jan 2026 00:00:00 GMT美化B2主题functions.phpWordPresshttps://bber.cn/posts/b2-child-theme-basics/https://bber.cn/posts/b2-child-theme-basics/从零开始为 B2 主题建立子主题，理清目录结构与样式加载顺序，避免直接改父主题。Thu, 08 Jan 2026 00:00:00 GMT美化B2主题子主题WordPresshttps://bber.cn/posts/alive-review/https://bber.cn/posts/alive-review/多年以后再次翻开余华的《活着》，我读到的不再是悲情，而是一种安静的活着本身。Fri, 05 Dec 2025 00:00:00 GMT读书读书文学余华https://bber.cn/posts/why-i-blog/https://bber.cn/posts/why-i-blog/不是因为擅长表达，恰恰是因为不擅长，所以更需要一个地方慢慢把想法写清楚。Mon, 10 Nov 2025 00:00:00 GMT随笔随笔写作思考https://bber.cn/posts/minimal-desk/https://bber.cn/posts/minimal-desk/一套让桌面回归清爽的小习惯：少即是多，但"少"也需要刻意维持。Wed, 22 Oct 2025 00:00:00 GMT生活效率生活整理