Papa Labs

接手一个 Plesk + FTP 的静态网站:给非开发者的完整心智模型

集团一个官网(纯静态 HTML,托管在带 Plesk 面板的虚拟主机上)要交接给非开发背景的同事维护。交接文档写着写着发现:真正缺的不是操作步骤,而是心智模型——每个环节是什么、为什么存在、出问题去哪找。

静态网站:一本印好的手册

这个网站是静态 HTML——纯文件(HTML/CSS/图片/JS)原样存在服务器上,访客来了就原样发给浏览器。没有数据库、没有后台程序,和 WordPress 那类”每次访问现场生成页面”的动态站完全不同。

最好的类比:印刷手册。你上传的文件就是手册本身;有人访问网站,服务器就递给他一份复印件;要改内容,就重新”印”一份(改文件)换掉架子上的旧版(上传覆盖)。

静态的好处正是移交的底气:快(无需处理)、简单(任何 Web 服务器都能跑)、好排查(所见即所得)

从编辑到上线:完整链路

静态网站维护链路:VS Code 编辑 → SFTP 上传 → web 根目录 → 访客浏览器,Plesk 在旁边管理

整个系统的地图——日常只走左边这条线,右边的 Plesk 是”总闸”

  1. VS Code:编辑 HTML 文件的地方,装了 SFTP 扩展;
  2. SFTP(加密的 FTP):保存文件时,扩展自动把文件传到服务器的 /httpdocs 文件夹;
  3. /httpdocs = web 根目录:服务器对外服务的文件夹。放进去一个 about.html,它就立刻是 你的域名/about.html——文件夹结构就是 URL 结构
  4. Git/GitHub:每次修改的版本历史——改坏了能回滚,这是非开发者维护网站最重要的安全网;
  5. 域名 → IP:域名只是服务器 IP 地址的人类友好别名,DNS 负责翻译。

Plesk:平时用不到的”总闸”

日常改网站只走 VS Code + SFTP,很少需要打开 Plesk。但这些场景要找它:

场景Plesk 里的位置
新建/管理企业邮箱Email
SSL 证书续期(浏览器锁标)SSL Certificates
网站挂了要看日志Error Logs
误删文件要恢复Backups
不用 VS Code 临时改文件File Manager

交接时最值得强调的三句话

  1. 你上传什么,访客就看到什么——保存前多看一眼,上传就是发布;
  2. 改之前先 commit:Git 历史是你的后悔药,出事了可以整站回到昨天;
  3. 网站坏了先别慌:静态站几乎不会”自己坏”,先想「我刚才传了什么」,再去 Plesk 看日志。

教训

交接文档的质量不取决于步骤写得多细,而取决于接手的人脑子里有没有一张地图。步骤会过时,地图不会。

← 全部文章