update pictures
This commit is contained in:
@@ -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 %}
|
||||
|
||||
Reference in New Issue
Block a user