2.样式待办

样式待办

目录

[toc]

（优化）文章顶部 到 导航栏 中间有部分空白区域，需优化下。

2026年1月14日记录。（其它群友提出的）

（优化）侧边栏风格

案例：docus文档风格

2026年1月14日记录。

https://docusaurus.io/zh-CN/docs/markdown-features

案例：eo文档风格

2026年1月12日记录。

案例：rspress风格

2026年1月12日记录。

案例：teek风格(svg图标)

（优化）移动端 告警容器也得弄个圆角

2026年1月3日记录。

（优化）图片的顶部和尾端 空白区域有点宽了，可以考虑让其变小点。。。（@one）

2026年1月13日记录。

（优化）图片记得 上圆角

2026年1月3日记录。

(bug)移动端文章末尾评论样式出现问题（头像异常）

2026年1月3日记录。

（bug）移动端，归档页排版也需优化，目前显示不太友好。（@one）

2025年12月30日记录。

（优化）移动端字体为啥没和pc端字体保持一致？（@one）

2025年12月29日记录。

（优化）首页右下角小火箭位置再往下、往中间移动下，需要自适应（@one）

2025年12月26日记录。

存在问题：

当前白木修复后的首页右下角小火箭位置不太合适，需再往下、往中间移动下。

24寸屏幕浏览器显示效果：

14寸屏幕浏览器显示效果：

白木答复：

（优化）把teek博客的打字机、向下箭头给抄过来

teek博客：

hugo-teek博客：

pc端正文区域宽度自适应（@像风）

2025年12月23日记录：

（优化）文章 左上角 侧边栏 收缩按钮 往右点会更好；（或者往左点）

2025年11月23日提出。

（优化）文章顶部最后更新时间后面的空白太宽了，需变窄一点

2025年12月20日更新。

（优化）目录末尾为啥会出现2条横线？需只保留一条

2025年12月20日更新。

（优化）亮/暗模式切换，有点卡；（需要改成teek那个切换效果，更流畅一点）

效果dmeo：

https://teek.onedayxyy.cn/

怎么有时分享出的是链接而不是卡片呢，奇怪

2025年12月25日记录。

（优化）移动端 菜单栏 展开后样式有点不太协调，部分超出区域了

（优化）toc内联目录 悬浮后 会出现字体颜色 模糊的效果？

（优化）文章 右侧目录 字体默认颜色是浅色模糊的，悬浮后字体颜色才正常？

文章顶部 统计信息风格

当前hugo-teek风格：

记得勇敢博客风格：

(优化)头部不加线条感觉会更好看一点哦（更简约，更干净）

来自teeker群主的提议：（2025年11月14日）

目前移动端细节截图：

结论： 后续看下要把这2个菜单项的小边框给去掉吗？ 去掉可能更简约干净一点。😜😜😜

hugo-teek截图：

teek截图：

细节截图：

teeker 无横线 截图：

hugo-teek 有横线 截图：

teeker 2个截图对比：

顶部无横线截图：

顶部有横线截图：

白木的md编辑器

首页友联 和 单独友联 文件 需分离

讨论：

2025年11月18日

（优化）白木-toc文章右侧目录竖线优化

2025年11月19日提出。

 1// 💫 嵌套列表的缩进效果
 2        .VPDocOutlineItem.root {
 3          // h2 标题的子级（h3-h6）
 4          li > ul.VPDocOutlineItem.nested {
 5            margin-left: 16px !important;
 6            padding-left: 12px !important;
 7            border-left: 1px solid rgba(156, 163, 175, 0.2) !important;
 8
 9            // h3 标题的子级（h4-h6）
10            li > ul.VPDocOutlineItem.nested {
11              margin-left: 16px !important;
12              padding-left: 12px !important;
13              border-left: 1px solid rgba(156, 163, 175, 0.15) !important;
14
15              // h4 标题的子级（h5-h6）
16              li > ul.VPDocOutlineItem.nested {
17                margin-left: 16px !important;
18                padding-left: 12px !important;
19                border-left: 1px solid rgba(156, 163, 175, 0.1) !important;
20              }
21            }
22          }
23        }

（待讨论）文章部分 向上滑动后，内容区域好像超出了 左侧侧边栏和右侧目录顶部哦

（待讨论）首页 twikoo最新评论 风格 是否和 友情链接 风格保持一致为好呢，显得更加协调

twikoo最新评论 风格：

友情链接 风格：

提供多种风格：其它用户想配置为自己喜欢的风格，该怎么办呢？（配置中心）

有如下一个场景：

例如博客首页的打字机和向下箭头效果，目前hugo-teek博客的风格和teek博客风格是不同的。但是xgq作者喜欢当前hugo-teek的风格，而有的小伙伴依然喜欢teek博客的风格，此时该如何做呢？

用户可以自己二开hugo-teek，但是这个没法和xgq作者维护的版本进行合并哦？

方案1：由xgq作者全权决定hugo-teek博客使用哪种风格；

方案2：作者继续把老风格写到hugo-teek里，在配置中心里，提供2种风格，供用户自己切换。（这个方案还是比较合理的，基本上每个模块只提供一个风格就足够了，但是有些元素比较有争议，可以提供2种风格哦，也不错。🤣🤣）

（优化）导航栏菜单项和图标

案例：emoj表情

图标可以是emoj表情 或者是 第三方图标（尽可能自建图标库）。

 1🏡 首页
 2
 3📚 技术分类
 4	🖥️ 运维 ❌ 
 5	🎨 前端
 6	💻 编程 ❌
 7	🔐 黑客
 8
 9🛠️ 专题
10	📝 博客搭建 ❌
11	🎯 前端Demo ❌
12	🔧 Git ❌
13	💼 面试
14	🗄️ NAS
15	📜 脚本
16	🔨 工具
17	🌟 开源项目
18🏓 娱乐
19	📷 相册
20	🎬 电影
21	🎵 音乐
22
23👏 索引
24	📃 分类页
25	🔖 标签页
26	📚 归档页
27	
28🍷 关于
29	👋 关于我
30	🎉 关于本站
31	💖 友链
32	🌐 网站导航
33	👂 留言区
34	💡 思考
35	⏱️ 时间轴
36	📊 网站统计
37	🔍 站点监控
38	🙏 致谢名单

案例：时光自建图标库

https://cdn.cxcare.top/usage