主页发布记

这并非一个寻常的周末,而是一场碎片化时间的的技术经营。在 48 小时内,我试图将散乱的 Docker 容器从孤立状态中剥离,重构成一套包含博客、自动化枢纽(n8n)与个人门户的数字矩阵。这不仅是代码的堆砌,更是对“需求-提示词-执行”这一协作范畴的深度审视。

战役始于对家庭网络桎梏的突围。在缺乏公网 IP 的环境下,我选定 Cloudflare Tunnel 作为内网穿透的枢纽

然而,建立连接后,WordPress 却陷入了由端口不一致引发的重定向死循环:内部容器运行于 8080 端口,而外部接入则是 443 的 HTTPS。这是一场持久的拉锯。我必须在 wp-config.php 中强制定义 WP_HOMEWP_SITEURL,并在底层逻辑中“欺骗”程序,令其相信自己运行在安全协议之上。

最终,通过数据库层面的清理(执行 UPDATE wp_options)以及对 Chrome 缓存的硬性重载,那条通往 blog.yuzefan.com 的路径终于显现出纯净的绿色。

周日,工作的重心从基础设施转向了审美秩序的重构。默认主题的冗余令人厌恶,我追求的是一种类似画廊的纯粹感。

我摒弃了直接手写 CSS 的陈规,转而通过优化 Prompt 来驱动协作:要求“九宫格布局”、“强制 1:1 正方形卡片”、“剥离正文摘要”。重构过程中遭遇了逻辑的对抗:最初的样式过于激进,导致文章详情页亦被误伤成一片空白。通过引入 .blog.archive 的作用域限制,我实现了“列表页极简”与“详情页沉浸”的逻辑分离。即便是在特色图片的处理上,我也将其压缩为 60px 的中心微型图标,使其彻底服从于文字的经营秩序。

当博客的打磨告一段落,我意识到需要一个门户来统领全局。这次我不再纠结于复杂的 CMS 架构,而是整理需求后,由 Claude 撰写了一个静态主页。

我的审美要求极其明确:“债券通配色”、“玻璃拟态(Glassmorphism)”、“审视开发者与投资人的双重身份”。Claude 出色地完成了这一任务,生成了现在这个还未填满真正内容的结构。

最后的部署是点睛之笔。为了保持系统的洁癖,我启动了一个极轻量的 Nginx 容器运行在 8081 端口。在配置过程中,我遭遇了 Docker 网络的经典坑位:填入 localhost 会导致报错,唯有利用 host.docker.internal 这一媒介,才能让容器间达成真正的通达。

此刻,访问 门面,审视那个蓝红渐变的玻璃卡片,点击并跳转至九宫格布局的博客,联想到后台静默运行的 n8n

技术不应是自由的桎梏,而应是思想的延伸。

发表评论