# 从零开始：如何用雨云服务器打造个性化炫酷主页

By [djplyh](https://paragraph.com/@djplyh) · 2025-03-24

---

你是否有过以下困惑：

*   买了一个域名却不知道如何合理利用？
    
*   想把多个网站整合展示，却无从下手？
    

别担心，这篇教程将手把手教你从零搭建一个炫酷主页，即使是技术小白也完全可以轻松上手！

* * *

前期准备：选择合适的云服务器
--------------

在开始搭建主页之前，首先需要一台性能稳定的云服务器。这里推荐 [雨云](https://bit.ly/RainYun) 的云服务器，例如美国洛杉矶区域，带宽条件优越，如果有备案域名，江苏宿迁也是不错选择。

*   **配置建议**如果仅需搭建个人博客或展示站，入门配置通常就已足够；而标准版则支持更多功能（如安装 Windows 系统），需根据实际需求选择。
    
*   **系统选择**建议选择 **Ubuntu 20.04**，此版本兼容性广。当前宝塔面板暂不支持 Ubuntu 22.04，因此请谨慎选择。
    

下单之后，静待服务器配置完成即可，切勿急功近利。

👉 [【点击查看】2025年最新雨云优惠码及特价云服务器方案汇总](https://bit.ly/RainYun)

* * *

文件与管理面板配置
---------

服务器购买完成后，接下来的步骤主要包括以下内容：

1.  **进入云服务器管理面板**对于使用雨云服务的用户，可以点击操作界面的 `Xtermjs模式`，这将为你开启一个终端环境。如果你的服务器商没有类似功能，请尝试 `SSH连接`。
    
2.  **登录和安装环境依赖**在终端中输入服务器提供的用户名和密码，随后执行以下命令安装宝塔面板： bash wget -O install.sh [https://download.bt.cn/install/install-ubuntu\_6.0.sh](https://download.bt.cn/install/install-ubuntu_6.0.sh) && sudo bash install.sh ed8484bec
    
    安装完成后，通过提示提供的外部管理链接，进入宝塔面板。首次登录会提示安装组件，选择 `LNMP`（推荐编译安装）。
    
3.  **Docker 支持检查**在宝塔面板中，检查是否安装了 Docker，若无则进行手动安装。
    

* * *

网站部署及运行
-------

万事俱备后，开始动手部署你的炫酷主页！

1.  **下载必要文件**将需要的部署文件解压至服务器的 **网站根目录**，具体路径可以通过添加站点功能查找。
    
2.  **构建与运行项目** bash cd \[文件所在路径\] docker build -t home . docker run -p 12445:12445 -d home
    
    此步骤中，12445 为自定义端口号，可修改为其他未占用的端口。
    
3.  **测试网站访问**完成上述配置后，可通过浏览器访问 `http://服务器公网IP:12445` 来查看网站效果。如果无法访问，记得放行安全组的相应端口。
    

* * *

自定义与高级设置
--------

你的主页搭建完成后，可以按照以下方法进一步优化定制内容。

### 1\. 修改基础信息和参数

*   **环境变量修改**找到 `.env` 文件，按照注释修改站点名称、壁纸配置以及歌单等内容。
    
*   **天气配置**在高德地图开放平台创建一个应用，获取 Web 服务 Key，并填写至 `.env` 文件中的对应字段。
    

### 2\. 深度自定义网站设计

*   **图片与字体**在 `public` 文件夹中，替换默认背景图片和图标，建议图片命名遵循 `background+数字` 格式。
    
*   **代码优化**对 `src` 文件夹中的 `.js` 文件进行修改，例如更改时间显示格式、欢迎语、以及用户功能切换等。
    

### 3\. 更新日志

网站内置更新日志模板，可在 `views > moreset` 文件夹中进行编写和替换。

* * *

域名绑定及发布上线
---------

为了让访客通过域名访问网站，我们需要对域名进行解析并配置反向代理：

1.  在云服务或域名提供商处解析域名至你的服务器 IP。
    
2.  登录宝塔面板，修改站点域名并添加反向代理：
    
    *   目标 URL 填写 `http://服务器公网IP:12445`
        
    *   开启缓存提升加载速度。
        

对于需要 HTTPS 的用户，可在宝塔面板申请免费 SSL 证书来增强数据安全性。

* * *

总结
--

通过本文的教程，你学会了如何从零搭建和个性化一个属于自己的主页。无论是展示博文，整合不同站点，还是仅仅让主页变得更酷，一切都在掌握之中！

想体验更优质的云服务？👉 [【点击查看】2025年最新雨云优惠码及特价云服务器方案汇总](https://bit.ly/RainYun)

---

*Originally published on [djplyh](https://paragraph.com/@djplyh/RMJFzBrohLkm4f8F77an)*