2025-11-08 博客 hugo-teek 2065 字 9 分钟 -- 次

2️⃣样式待办

最后更新于: 2026-06-27 15:38:29

样式待办

（优化）最美博客的新字体的确不错

2026年3月10日记录。

案例dmeo：https://poetize.cn/article/133

（优化）grtblog博客图片 `先模糊后加载` 风格

2026年3月10日记录。

案例demo：

https://grtblog.onedayxyy.cn/posts/hugo-teek/

录屏：

白木大佬发言

（优化）twikoo评论样式风格待优化

完美的博客每一处都必须是无瑕疵的哈哈哈，后续再优化吧！

twikoo使用方式：

https://onedayxyy.cn/twikoo-admin/

2026年3月6日记录。

问题：

代码块背景颜色希望换成暗黑色会更友好

2026年3月4日提出。

背景

案例：暗黑色

demo网址：https://1.51qpm.cn/

案例：粉色

当前的hugo-teek是粉色的：https://onedayxyy.cn/topic/hugo-teek-install

白木上次优化的首页文章封面有点问题哦，怎么开始会图片那里有部分空白，记得之前的效果都是正常的，后续得改善下不然看起来不太友好哦。

2026年1月29日记录。

白木回复：

bug：这里的- 在标题里被忽略了

2026年1月27日记录。

🔴 （bug）hugo-teek官网评论这一块都没问题，我这里就有问题，是作者twikoo那里加了css吗？

2026年1月22日记录。

我one站点故障截图：

hugo-teek官网截图：

🔴（优化）还有文章目录悬浮后的效果会往里面缩进下，这个体验个人感觉不是很好，后续可以优化下。

2026年1月22日更新。

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

2026年1月3日记录。

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

2025年12月26日记录。

存在问题：

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

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

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

白木答复：

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

teek博客：

hugo-teek博客：

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

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

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

（优化）文章顶部统计信息风格

当前hugo-teek风格：

记得勇敢博客风格：

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

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

目前移动端细节截图：

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

hugo-teek截图：

teek截图：

细节截图：

teeker 无横线截图：

hugo-teek 有横线截图：

teeker 2个截图对比：

顶部无横线截图：

顶部有横线截图：

（优化）白木的md编辑器

（优化）首页友联和单独友联文件需分离

讨论：

2025年11月18日

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

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

twikoo最新评论风格：

友情链接风格：

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

有如下一个场景：
例如博客首页的打字机和向下箭头效果，目前hugo-teek博客的风格和teek博客风格是不同的。但是余温作者喜欢当前hugo-teek的风格，而有的小伙伴依然喜欢teek博客的风格，此时该如何做呢？
用户可以自己二开hugo-teek，但是这个没法和余温作者维护的版本进行合并哦？
方案1：由余温作者全权决定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	🙏 致谢名单