这次对博客进行了一次比较系统的优化整理，涉及首页排版、相册集成、细节体验等多个方面，记录一下。

1. 首页布局优化

之前首页的文章列表左对齐，和浏览器边缘贴得很近，观感不好。调整为正确居中，两栏布局（文章列表 + 侧边栏标签云），并对大屏幕做了边距优化。

2. 标签云独立展示

之前的标签云可能藏在某个角落或者显示不完整，这次把它作为侧边栏独立模块展示在首页右侧，最多显示 30 个标签，按文章数量降序排列，字体大小根据热度动态调整。

3. 标题字体样式

首页大标题「春有百花秋有月」使用渐变色字体，视觉上更有质感：

.home-title h1 {
    font-family: 'ZCOOL XiaoWei', 'Noto Serif SC', serif;
    font-size: 2.2em;
    font-weight: 400;
    background: linear-gradient(135deg, #6e8aad 0%, #9fcff7 40%, #c4a882 70%, #b8896e 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

4. 足迹页面全屏 iframe

足迹页面（地图）原来是窄幅展示，这次优化为全屏宽度，使用 CSS 让 iframe 填满视口：

.page-map iframe {
    width: 100% !important;
    max-width: 100% !important;
    height: calc(100vh - 3.2em) !important;
}

5. 随拍相册集成到主站

随拍页面原本是新开标签页跳转，体验不连贯。这次把它改造为和足迹页面一样的内嵌 iframe 形式，直接在站内全屏展示，不需要跳出。导航链接的 target="_blank" 也同步移除。

6. 照片合并与本地化

之前随拍只有 22 张照片，足迹地图里有 80 张照片（存在本地和 COS）。这次把足迹中所有有照片的条目合并到随拍，共 81 张，并且原图和缩略图全部拷贝到本地，点击查看大图改为本地读取，不再依赖外部服务，大幅提升加载速度。

7. 首页摘要字数增加

把摘要长度提升到 800 字符，优先按段落 HTML 提取，不足时继续追加纯文本，显示更多内容。

8. 阅读剩余部分续读

点击「阅读剩余部分」后直接跳到文章断点位置，衔接更自然，不需要重新滚动。

9. 文章详情页增加返回首页

在文章详情页顶部增加了「返回首页列表」链接，方便看完文章后快速回到首页，不用依赖浏览器后退。

10. 图库大图加载优化

把图库点击查看大图的链接从 COS 改为本地路径，缩略图和原图全部走服务器本地，消除外部网络延迟。