# 从零开始:如何用雨云服务器打造个性化炫酷主页 **Published by:** [djplyh](https://paragraph.com/@djplyh/) **Published on:** 2025-03-24 **URL:** https://paragraph.com/@djplyh/RMJFzBrohLkm4f8F77an ## Content 你是否有过以下困惑: 买了一个域名却不知道如何合理利用? 想把多个网站整合展示,却无从下手? 别担心,这篇教程将手把手教你从零搭建一个炫酷主页,即使是技术小白也完全可以轻松上手! 前期准备:选择合适的云服务器 在开始搭建主页之前,首先需要一台性能稳定的云服务器。这里推荐 雨云 的云服务器,例如美国洛杉矶区域,带宽条件优越,如果有备案域名,江苏宿迁也是不错选择。 配置建议如果仅需搭建个人博客或展示站,入门配置通常就已足够;而标准版则支持更多功能(如安装 Windows 系统),需根据实际需求选择。 系统选择建议选择 Ubuntu 20.04,此版本兼容性广。当前宝塔面板暂不支持 Ubuntu 22.04,因此请谨慎选择。 下单之后,静待服务器配置完成即可,切勿急功近利。 👉 【点击查看】2025年最新雨云优惠码及特价云服务器方案汇总 文件与管理面板配置 服务器购买完成后,接下来的步骤主要包括以下内容: 进入云服务器管理面板对于使用雨云服务的用户,可以点击操作界面的 Xtermjs模式,这将为你开启一个终端环境。如果你的服务器商没有类似功能,请尝试 SSH连接。 登录和安装环境依赖在终端中输入服务器提供的用户名和密码,随后执行以下命令安装宝塔面板: bash wget -O install.sh https://download.bt.cn/install/install-ubuntu_6.0.sh && sudo bash install.sh ed8484bec 安装完成后,通过提示提供的外部管理链接,进入宝塔面板。首次登录会提示安装组件,选择 LNMP(推荐编译安装)。 Docker 支持检查在宝塔面板中,检查是否安装了 Docker,若无则进行手动安装。 网站部署及运行 万事俱备后,开始动手部署你的炫酷主页! 下载必要文件将需要的部署文件解压至服务器的 网站根目录,具体路径可以通过添加站点功能查找。 构建与运行项目 bash cd [文件所在路径] docker build -t home . docker run -p 12445:12445 -d home 此步骤中,12445 为自定义端口号,可修改为其他未占用的端口。 测试网站访问完成上述配置后,可通过浏览器访问 http://服务器公网IP:12445 来查看网站效果。如果无法访问,记得放行安全组的相应端口。 自定义与高级设置 你的主页搭建完成后,可以按照以下方法进一步优化定制内容。 1. 修改基础信息和参数 环境变量修改找到 .env 文件,按照注释修改站点名称、壁纸配置以及歌单等内容。 天气配置在高德地图开放平台创建一个应用,获取 Web 服务 Key,并填写至 .env 文件中的对应字段。 2. 深度自定义网站设计 图片与字体在 public 文件夹中,替换默认背景图片和图标,建议图片命名遵循 background+数字 格式。 代码优化对 src 文件夹中的 .js 文件进行修改,例如更改时间显示格式、欢迎语、以及用户功能切换等。 3. 更新日志 网站内置更新日志模板,可在 views > moreset 文件夹中进行编写和替换。 域名绑定及发布上线 为了让访客通过域名访问网站,我们需要对域名进行解析并配置反向代理: 在云服务或域名提供商处解析域名至你的服务器 IP。 登录宝塔面板,修改站点域名并添加反向代理: 目标 URL 填写 http://服务器公网IP:12445 开启缓存提升加载速度。 对于需要 HTTPS 的用户,可在宝塔面板申请免费 SSL 证书来增强数据安全性。 总结 通过本文的教程,你学会了如何从零搭建和个性化一个属于自己的主页。无论是展示博文,整合不同站点,还是仅仅让主页变得更酷,一切都在掌握之中! 想体验更优质的云服务?👉 【点击查看】2025年最新雨云优惠码及特价云服务器方案汇总 ## Publication Information - [djplyh](https://paragraph.com/@djplyh/): Publication homepage - [All Posts](https://paragraph.com/@djplyh/): More posts from this publication - [RSS Feed](https://api.paragraph.com/blogs/rss/@djplyh): Subscribe to updates