始于一个想法，终于无数次迭代。从一台裸机服务器到功能完备的个人博客+音乐站，这个过程充满了技术探索的乐趣。这篇文章既是记录，也是分享——希望能给同样在折腾自建站的朋友一些启发。

一、建站基石：WordPress + Argon 主题

网站基于 WordPress（最新版）搭建，选用了 Argon 主题——一个以轻盈、简洁、美观著称的 WordPress 主题。Argon 提供了双栏/三栏布局、沉浸式主题色、动态 Banner、平滑滚动等丰富特性，为后续的魔改打下了扎实的基础。

二、视觉改造：深海蓝 · 全新配色方案

为了打造更舒适、沉稳的视觉体验，我对全站 CSS 进行了深度的自定义改造，选用了「深海蓝/青色系」作为主基调。

配色亮点：

深海蓝到青色的渐变副标题：

background: linear-gradient(94.75deg,#1e40af,#2563eb,#0891b2,#06b6d4)

蓝系链接与按钮

青色作为代码块和公告标题的强调色

卡片半透明毛玻璃效果（backdrop-filter: blur(6px)）

蓝调作者名称与简介

适合阅读的深色正文（#1e293b）

优化了间距、表格样式、引用块、菜单对齐等细节

更换后整体风格从原来的紫粉色系转变为沉稳、专业、现代的深海蓝风格，阅读体验大幅提升。

三、重磅功能：音乐播放器

本站最大的特色功能之一，就是自建的音乐播放器。

酷狗音乐 API 代理

部署了 kugou-proxy 代理服务，通过 Nginx 反向代理以 对外提供 API。这意味着本站可以合法调用酷狗音乐的海量曲库。

网易云音乐 API

额外部署了 Netease Cloud Music API，覆盖网易云音乐的曲库资源。

音乐播放器页面

独立开发了播放器页面，功能包括：

歌单浏览与播放

搜索歌曲

播放控制（播放/暂停/下一首/上一首）

进度条拖拽

歌词同步显示

VIP 高音质支持

四、服务器运维与自动化

作为一个技术博客，服务器端的自动化运维也是重要的一环。

MCP 文件系统服务

部署了 MCP（Model Context Protocol）文件系统服务。该服务通过 systemd 管理，设置了崩溃 5 秒自动重启和开机自启，确保了高可用性。

Python 服务重写

server.py 经历了从依赖 C 扩展到纯 Python 加密的重写过程，彻底解决了之前频发的段错误崩溃问题。现在服务稳定运行。

Nginx 升级

从 1.26.3 升级到 1.30.1，修复了安全漏洞。

五、个性化定制

自定义字体

引入了自定义「echo」字体，支持字母和数字的艺术渲染，顶部导航栏品牌名称使用渐变字体效果。

响应式设计

所有自定义 CSS 均适配移动端，确保手机上的浏览体验同样出色。

六、持续迭代的理念

网站建设不是一蹴而就的，每一次修改、每一个功能的上线，都在让这个数字空间变得更贴近自己的理想。

从最初简单的 WordPress 安装，到酷狗 API 的对接、播放器的开发、服务器端的脚本维护、安全补丁的跟进——这趟旅程让我更深入地理解了前端、后端、运维的方方面面。如果你也在自建站的道路上，欢迎留言交流，一起进步。

未来计划：

进一步完善移动端体验

增加更多第三方 API 集成

优化页面加载速度

最后，感谢 Argon 主题作者 solstice23 的优秀开源作品，以及所有在折腾路上提供帮助的社区朋友们。星耀站，持续发光中 ✨

— 技术栈一览 —

前端：WordPress / Argon Theme / HTML5 / CSS3 / JavaScript
后端：Nginx / PHP / Node / Python
API：酷狗音乐 API / 网易云音乐 API
运维：Systemd / 宝塔面板 / Git
安全：HTTPS / Nginx CVE / OpenSSL 3.0