重装服务器之后，给个人网站添一个指南角落

换好系统，把网站重新接回来

重装之前，我先确认了本地的网站文件。网站上的留言还很少，这次就趁内容不多，把服务器系统和部署方式重新整理了一遍。系统换好后，重新安装宝塔，恢复域名访问和 HTTPS，再把本地的个人网站部署上去。

现在，litian.me 和 www.litian.me 仍然用于个人网站，bt.litian.me 用于进入宝塔。首页、文章、留言和站主管理这些已有功能，也都接回了新服务器。

先把自己每天会看到的地方改顺

重新部署前，我又看了一遍本地页面。之前三篇文章的时间完全一样，就按昨天聊天的阶段分别安排了展示时间；整体文字放大了一点，默认主题改成深色，也在关于区域补上了联系邮箱。

后来又把网站的主内容区和文章阅读框加宽了一些，桌面上看起来能更舒展。手机端则保留合适的边距，继续按小屏幕调整布局。

域名已经完成备案，页脚也加上了备案号和工信部备案系统的链接。这些调整并不复杂，但放在同一天一起处理，网站的基础信息就更完整了。

我想要的是一个可以继续添加的“指南”页

今天看到 HowToLiveBetter，就想把这个项目放到自己的网站里。最初讨论的是给它安排一个独立目录，但我后来把需求重新说清楚了：导航里要有一个“指南”，点击之后，像留言页一样无刷新打开；这个项目只是指南中的第一项。

我希望以后还能继续收录电子书、视频、音乐和其他值得回看的资源，所以这里需要的是一个资源目录。现在可以按类型筛选，也能搜索标题、作者和标签。先把入口做好，以后遇到合适的内容，再一项项添加。

第一项收录的是 eternity4719 的《高性价比人生指南》，保留了原项目的检索和生活自查功能。页面上也注明作者、来源和许可，方便读者知道这些内容从哪里来。

把一份 PDF 放进电子书分类

接着，我又加了韩先凯，也就是 byoungd / 离谱的《人生进阶指南》，并提供了自己下载的 PDF 文件。这份电子书有 339 页，内容从英语学习延伸到 AI 实践、真实项目和个人成长。

这次除了把它列进目录，也加上了站内阅读页面：可以上一页、下一页，用页码和主要章节跳转，调整显示大小，并在当前浏览器里记住阅读位置。需要离线看的话，也可以直接下载 PDF。

电子书保留原文件，资源卡片和阅读页都标明了作者、原项目与许可。以后继续收录其他人的作品时，也会把出处放在能看见的位置。

手机截图里，多出来的一个蓝框

在手机上点开指南和留言时，我发现正文外面多了一圈蓝框，就把两张截图发出来排查。代码里为了无刷新切换后的阅读顺序，会把焦点移到正文区域，手机浏览器于是给整个区域画出了默认焦点轮廓。

修复时，只去掉正文容器的外框，输入框、按钮和链接原有的焦点提示继续保留。这样的细节很容易在写代码时漏过去，实际拿手机点一遍，再把看到的问题截图说明，排查就具体得多。

今天先记录到这里

今天的工作从重新部署开始，最后多出了一个可以继续收录资源的指南页。两项指南已经上线，接下来我会在电脑和手机上继续使用，遇到不顺手的地方再调整。

以后看到想留下的书、视频或其他资料，就往这个目录里慢慢补充。网站自己的更新过程，也继续写在这里。