update pictures

2026-02-07 19:17:19 +08:00
parent 8a3d959c46
commit cf197c75ab
17 changed files with 36 additions and 27 deletions
--- a/source/_posts/2025/2025.08/custom-category-bar.md
+++ b/source/_posts/2025/2025.08/custom-category-bar.md
@@ -3,10 +3,12 @@ title: 自定义分类条
 categories: 建站手札
 tags: 网站
 series: webcustom
-summary: 自定义分类条
 abbrlink: '33249733'
+summary: >-
+  这篇文章介绍了如何在博客系统中自定义分类栏的设计和实现过程。首先，通过Pug模板语言创建了一个名为categoryBar.pug的文件，用于定义分类栏的结构和样式。接着，在Stylus样式文件category-bar.styl中详细定义了分类栏的样式，包括内边距、背景颜色、边框圆角等，并设置了滚动条的样式。最后，在JavaScript文件main.js中添加了一个setCategoryBarActive函数，用于根据当前页面路径自动激活相应的分类项。此外，还讨论了如何将自定义的分类栏集成到主题中，并提供了相关的Pug混入代码。整个过程确保了分类栏的可定制性和易维护性。
 date: 2025-08-14 16:25:49
 ---
+
 {% note warning 1 %}
 修改有风险，请注意备份
 {% endnote %}