博客搭建

本文介绍了作者在收到多位访客反馈后，发现博客页面在高分屏（如 4K 或视网膜屏幕）上出现文字模糊、字号过小的问题，而作者自身设备显示正常。经排查，排除了字体与 CSS 样式错误，推测问题源于操作系统或浏览器的缩放比例与页面适配机制冲突。作者最初采用 CSS 的 clamp() 函数实现流体排版，但实测发现该函数在缩放后的 4K 屏幕上计算出的字号异常偏大，难以精准适配不同设备的缩放习惯与像素密度。为此，作者转而使用 @media 媒体查询为不同视口宽度指定基准字号：屏幕宽度超过 2560 像素时根字体设为 1.4rem，低于 1024 像素时设为 0.9rem，以平衡各类阅读场景。此外，博客内置了“阅读模式”按钮，可切换为系统字体、宽行距的沉浸式排版，但多数非技术背景访客不理解该功能，甚至不知如何启用。作者曾考虑撰写图文指南并置顶首页，又担心过于正式显得像使用命令，最终搁置了计划。文章反映了在美观与用户体验之间权衡的困境，以及为不同设备适配字体所付出的努力。

本文介绍了个人博客文化与社交媒体文化之间的显著差异，以及由此引发的误解与冲突。作者通过几个具体案例展开分析：一位朋友在 AI 翻译视频下评论“质量好高”，因不符合技术讨论的语境而遭到嘲讽；另一位表面谦和的博主在教程视频下公然甩上个人网站链接，被视为自我推销；还有两位初中生因中考话题跨省交流，展现了网络友谊的纯粹。文章指出，在个人博客环境中，评论本身带有温度与情感，是真诚的互动；而社交媒体被算法和流量支配，用户习惯用疏离、功利的方式相处，不合时宜的真诚举动反而成为噪音。作者呼吁理解不同平台的表达规则，尊重每个人的多样性，并珍惜那些跨越距离、因共同话题而相聚的网络情谊。互联网虽能拉近陌生人，但也需要小心呵护这份脆弱的链接。

本文介绍了由于 Waline 客户端更新导致 Butterfly 主题样式出现异常，例如多出按钮或布局变化，这些并非主题作者更新所致，而是 Waline 自身变动。为解决此问题，文章指导用户如何修改 Butterfly 主题内置的 Waline 版本以固定版本。具体步骤包括：确保使用 Butterfly 主题；找到主题配置文件末尾的 CDN 选项段；定位 waline_js 项，取消注释并指定版本，例如使用 https://unpkg.com/@waline/client@v3.8.0/dist/waline.js；修改后提交源码至 GitHub 等静态服务器，部署后检查评论区结构。文章还指出 Waline 将源码作为 JS 直接引用热更新虽快，但频繁更新无关样式功能反而带来不便，建议开源社区保持本体仅修复 Bug，样式由第三方维护。最终通过固定版本避免不必要的更新问题。

本文介绍了作者在 6 月 14 日晚上为个人博客进行的一次大规模样式更新，称其为“大换血”。更新原因很简单：旧样式不好看，尤其是深色模式体验差，卡片与背景难以区分。作者首先针对字体搭配进行了优化，指出博客风格偏二维动漫卡通感，因此需要选择合适的卡通字体，而非之前不协调的书法字体。经过在免费字体网站中耐心筛选，最终在第 10 页找到了一款符合要求且不过分张扬的卡通字体。其次，作者解决了图片搭配问题：默认封面多为立体摄影作品，与二维动漫风格不匹配，因此借助 AI 绘画将摄影作品转化为二维平面风格，并采用纯白背景以聚焦重点。头像和英雄区域也选用了作者喜欢的假面骑士电王图片，通过 AI 进行风格转换。此外，作者还移除了若干无用的 CSS 和 JS 代码，如侧边栏样式、主题卡片颜色以及随机算法脚本。最后，作者提醒老访客需清空浏览器静态缓存才能看到新样式，新访客则无需操作。

本文介绍了作者从 2023 年底开始个人博客建设的心路历程。最初使用 Jekyll 引擎和 Giscus 评论系统搭建 GitHub 小站，但缺乏人气，整活多于真实表达。受 S 佬和一位记录孩子幼儿园生活的博主启发，作者意识到博客应记录生活而非单纯展示技术。随后尝试 Butterfly 主题等二次元风格，却因害怕朋友关注而频繁删站，陷入技术站与生活站的分裂困惑——技术内容无人评论，生活内容又显得抱怨。直到阅读拾月的博客，看到 300 条评论，作者才领悟到博客的本质是持续记录自己，而非追求外在认可。经历无数次主题更换和账号封禁后，作者最终明白：博客是自己的花园，喜欢才是网站存活的关键。从安装 Arch 的教程到英语考试说说，最初的日记页面早已暗示了“记录自己”的初心。文章反思了社交媒体与博客的平行关系，以及年轻时的极端与浮于表面，最终回归到坚持写作、不刻意迎合的朴素道理。

本文介绍了作者在尝试使用 AI 工具为自己定制 Hexo 博客主题过程中遇到的诸多困难与挫败经历。作者原本计划基于 Butterfly 主题进行二次魔改，融入手绘风格、动态小玩偶、循环插图以及春夏秋冬自动切换的配色装饰，但由于自身缺乏平面设计素材和软件（如 PS、GIMP），以及 SVG 绘图能力有限，第一步就陷入停滞。随后尝试利用 AI 生成荧光手绘风格的插画，但 AI 反复输出素描图，无法理解作者所需的霓虹线条与手绘随性感。作者还吐槽了 AI 编程和绘图的现实局限——看似强大，实则无法满足具体、精细的二次修改需求。此外，作者在寻找可用的 AI 工具和 Skills 时，遭遇了大量标题党文章和广告软文，耗费时间却一无所获。最终，由于对豆包等云端生图工具的不信任和繁琐注册流程，作者的热情被消耗殆尽，主题开发暂时搁置。文章通过个人实践，揭示了当前 AI 工具在创意设计领域依然存在理解偏差、功能不匹配及生态混乱等问题。

本文介绍了作者的朋友阿普修从零编写个人博客主题，但该主题存在多项严重缺陷，导致作者不得不分支仓库并帮忙修复。首先，RSS 功能未遵循规范，将所有文章全量输出，每次更新都会让阅读器重复推送全部内容，造成极大干扰。其次，暗色模式仅覆盖首页部分元素，文章页面、说说页面、友链页面、评论区及统计页面的背景和文字颜色均被写死，在暗色模式下显示为白色或对比度极低，几乎不可用。此外，代码块背景、导航栏菜单及链接顺序也采用硬编码，无法通过配置文件修改，严重破坏了页面结构和 SEO 效果。作者对比了成熟主题的设计思路，指出写主题应使用变量分离、不破坏原始结构，并建议缺乏经验者先使用成熟框架而非自研。最后，作者讽刺地通过 RSS 阅读器得知阿普修又发布了安卓版客户端，进一步体现了其“全写死”架构带来的维护和扩展难题。

本文介绍了作者因对不蒜子统计 API 的不稳定感到困扰，并在发现网站总浏览量接近两万后，对访客来源、设备类型等数据产生强烈好奇，最终决定部署开源网站分析工具 Umami 的过程。文章详细描述了 Umami 的部署步骤：首先通过 Vercel 官方链接一键克隆仓库，创建项目并配置 Neon 数据库实现自动集成注入环境变量 DATABASE_URL，其次绑定自定义域名或使用 Vercel 提供的二级域名，然后触发重新部署。部署完成后使用默认账号 admin 和密码 umami 登录，并立即修改密码并切换界面语言为简体中文。核心环节是将博客网站添加到 Umami 统计界面，通过修改 Hexo 主题配置文件（如 _config.butterfly.yml），将 enable 设为 true，填入 serverURL 和从 Umami 控制台获取的 website_id，并可按需关闭不蒜子以避免数据冗余。最终，Umami 能提供访客国家地区地图展示、页面停留时间、访客行为等详细分析，帮助作者根据数据优化写作方向。全文强调通过 Vercel 与 Neon 的深度集成，部署过程已极为简化，即使是技术基础薄弱的用户也可按步骤完成。

本文介绍了作者近期博客更新频率下降的三个原因：投入时间优化网站功能与界面、保护创作灵感以维持可持续性、以及采用定期定量更新方式对搜索引擎和读者更友好。作者计划每月更新一次，认为这是博客成熟后的自然选择，并通过“说说”页面分享日常碎片化内容，与完整文章形成分工。文章强调了评论时需留下姓名和邮箱以便互动，并描述了博客圈中互相回访的朴素传统。此外，作者分享了夏季宅家刷手机的生活状态，使用 NetNewsWire RSS 阅读器提高抢沙发效率，以及为朋友开发基于 ZenMind 的极简绿色主题 XiaoFen 的过程。最后，作者劝诫读者以学业和工作为重，写博客只是生活的一部分，不应逃避现实。整体上，文章展现了作者对博客经营的理性思考与个人生活态度的真实表达。

本文介绍了作者在使用 Waline 评论系统时遭遇的后台空白故障及其解决过程。某天作者发现管理后台页面完全空白，反复刷新并更换浏览器均无效，随后重新部署时遇到 Vercel 502 错误，经排查得知是 @waline/vercel 新版本存在兼容问题。在 DeepSeek 指导下手动回退版本号后编译通过，但后台仍为空白。作者向 Waline 提交了 Issue，详细描述了现象、步骤和日志。项目负责人认为与另一 Issue 相似，但作者对比后发现本质不同，并补充了截图和日志。当日下午，维护者 lizheming 确认问题源于新版 Waline 核心模块改动引发的连锁反应，导致所有基于新版的后台均失效。当晚，外国用户和作者朋友峰哥也反馈了同样问题。作者通过修改 Neon 数据库中评论的 user_id 字段使评论正确显示博主标签。深夜，维护者发布了修复版本，去除了有问题的功能模块，虽然界面简陋但核心功能恢复。全文展示了开源社区快速响应（一天内修复）的优势，也指出了活跃项目频繁重构（如 Rust 重写）给用户带来的升级困扰。