惯性聚合 高效追踪和阅读你感兴趣的博客、新闻、科技资讯
阅读原文 在惯性聚合中打开

推荐订阅源

Y
Y Combinator Blog
The GitHub Blog
The GitHub Blog
云风的 BLOG
云风的 BLOG
Engineering at Meta
Engineering at Meta
Google DeepMind News
Google DeepMind News
aimingoo的专栏
aimingoo的专栏
Recent Announcements
Recent Announcements
A
About on SuperTechFans
U
Unit 42
MyScale Blog
MyScale Blog
J
Java Code Geeks
博客园_首页
Blog — PlanetScale
Blog — PlanetScale
D
Docker
Microsoft Azure Blog
Microsoft Azure Blog
博客园 - 司徒正美
量子位
月光博客
月光博客
G
Google Developers Blog
V
V2EX
博客园 - 聂微东
宝玉的分享
宝玉的分享
IT之家
IT之家
Vercel News
Vercel News

winegrower | 种葡萄并酿酒的人 - 网络娱乐

漫步足迹功能 - winegrower 归档页面调整 - winegrower 最近在折腾电脑 - winegrower | 种葡萄并酿酒的人 永久的博客 - winegrower | 种葡萄并酿酒的人 折腾10年前的网站 - winegrower | 种葡萄并酿酒的人 Less is more - winegrower 终于“胖”了 - winegrower | 种葡萄并酿酒的人 【WeCenter二次开发】问题、文章和活动使用不一样的分类 - winegrower | 种葡萄并酿酒的人 WeCenter 程序站内及站外调用功能 - winegrower | 种葡萄并酿酒的人 typecho博客文章按发布时间倒序排列 - winegrower | 种葡萄并酿酒的人 网站bug修复 - winegrower | 种葡萄并酿酒的人 网络社区 - winegrower | 种葡萄并酿酒的人
修改博客主题 - winegrower
winegrower · 2026-06-23 · via winegrower | 种葡萄并酿酒的人 - 网络娱乐

修改博客主题

网络娱乐 博客    2 min

距离上次调整博客主题已近六年。

最近,为了将博客迁移至Hugo静态站点生成器,我着手对主题进行了一次全面的调整。目标是保持原有风格的同时,使其与Hugo的主题结构相融合。在AI的协助下,我开始了这次博客主题的修改工作。。

以这个为基础,在AI的协助下我开始了我的博客主题修改,这是我的Hugo静态博客:https://winegrower.cn/

首先是调整主题整体色调

我的博客Logo是一张在橡木桶前拍摄的照片,因此,新主题的色调围绕着橡木桶温暖的木质色调展开。同时,由于我日常使用Claude Code较多,新主题的色调也参考了Claude,并将博客的默认主题设置为Dark模式,以更好地保护眼睛。

Screenshot From 2026-06-23 08-16-28.png
Screenshot From 2026-06-23 08-16-37.png

整合图标位于页面右下角

我将Dark/Light色调切换按钮、返回顶部图标、翻页图标和页码显示等功能进行了整合,统一放置在页面的右下角,使界面更加简洁。

微调三栏式布局尺寸

我对三栏式布局的宽度进行了整体压缩,特别是中间的内容区域。之前的主题中,内容部分偏宽,导致阅读时视线移动幅度过大,影响阅读体验。此外,我也调整了左侧头部区域的布局,并增加了一些链接图标。

增加了一些其他功能

除了上述主要改动,我还优化了友情链接的展示格式,并为文章和页面增加了右侧的小标题目录,方便快速定位内容。

当然其他细节还在逐步优化中。


最后更新于 2026-06-23