2.样式待办

样式待办

目录

[toc]

（优化）图片加阴影，hover后再出现蓝色边框（@白木）

2025年12月26日记录。

当前白木修改后的特性是：图片正常是蓝色边框，hover后蓝色边框消失了，不合理。

具体原因：

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

2025年12月26日记录。

存在问题：

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

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

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

白木答复：

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

teek博客：

hugo-teek博客：

🔴（bug）侧边栏切换文件时整个侧边栏会刷新（@one）

2025年12月26日记录。

存在问题：

当前白木修复后的侧边栏切换文件时整个侧边栏会刷新，影响用户体验。

🔴（bug）告警容器里的图片语法没被正确渲染

🔴（bug）容器里反引号和链接语法hugo-teek没识别

2025年12月17日提出。

ty里md内容：

hugo-teek渲染效果：

（优化）移动版首页 文章卡片 两边留白可以再小点 （@尘影|chiplayout.top）

2025年12月24日记录。

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

2025年12月23日记录：

（优化）当前的h2级别目录最好也能往前移动下，会好看点

hugo-teek的：

teek的：

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

2025年11月23日提出。

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

2025年12月20日更新。

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

2025年12月20日更新。

（优化）个人头像hover效果需改进

2025年12月20日记录。

当前悬浮后，是顺时针旋转一次；

理想效果：hover后，先逆时针旋转一次，鼠标离开后，又转一圈恢复回来，这样效果会更友好点。

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

效果dmeo：

https://teek.onedayxyy.cn/

代码块需要优化下，加长最后一行距离底部边缘距离（@白木）

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

2025年12月25日记录。

🔴（bug）首页文章 hover后卡片边框会出现一个白色，这个白色圈能否去掉，每次出现有点难受（之前teek博客是没这个问题的）

群主回复：（2025年11月23日）

之前都解决了，不过后来开发过程中又复现了。。。。🤣🤣🤣

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

（优化）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