云服务器
用本地的 VS Code 直接修改 1Panel 服务器上的文件,最完美的方案就是使用 VS Code 官方的 Remote - SSH 插件。
配置好之后,你在 VS Code 里的操作就像在本地一样流畅,文件保存时会自动同步到服务器,还能完美配合刚才安装的 Markdown 插件。
以下是具体的连接步骤:
-
安装 SSH 插件: 在本地 VS Code 操作. 打开本地的 VS Code,点击左侧的扩展(Extensions)图标,搜索 Remote - SSH(由 Microsoft 官方开发),点击 Install(安装)。
-
添加服务器连接: 快捷键:Ctrl+Shift+P / Cmd+Shift+P. 安装后,左下角会多出一个绿色的两个箭头图标「两头小电脑」。点击它,在顶部弹出的菜单中选择 Connect to Host...(连接至主机) -> Add New SSH Host...(添加新 SSH 主机)。
-
输入连接命令: 格式:ssh 用户名@服务器IP. 在输入框中输入你的登录命令,例如:ssh root@你的服务器公网IP,然后回车。接着选择第一项(把配置文件保存到默认的用户目录下)。
-
连接并输入密码: 首次连接需要信任主机. 再次点击左下角绿色图标,选择 Connect to Host...,点击你刚才添加的 IP。VS Code 会弹出一个新窗口,期间会让你选择服务器系统类型(选 Linux),并提示输入服务器的 root 密码,输完回车即可。
-
打开 1Panel 的文件目录: 像本地一样开发. 连接成功后,左下角会显示 SSH: 你的IP。点击左上角的资源管理器(文件图标) -> Open Folder(打开文件夹)。
-
1Panel 的应用数据默认存放在 /opt/1panel 路径下。你可以在输入框里直接输入 /opt/1panel(或者你存放 Markdown 文件的具体路径),点击 OK,再次输入密码即可在左侧看到所有服务器文件了!
💡 核心避坑指南
- 服务器安全组(防火墙):确保你的云服务器后台(如腾讯云、阿里云等)已经放行了 22 端口(SSH 默认端口)。
- 在远程安装 Markdown 插件:连接成功后,你会发现之前的 Markdown 插件“失效”了。别慌!这是因为 VS Code 区分了“本地插件”和“远程插件”。你只需要再次打开扩展面板,会看到一个 SSH: 你的IP - INSTALLED 分组,在里面把 Markdown All in One 重新点一下 Install in SSH 即可。
vscode remote-ssh配置
修改config
Host 1Panel-Server
HostName 你的服务器真实IP
User ubuntu
服务器远程
ssh ubuntu@你的服务器真实IP
错误提示 REMOTE HOST IDENTIFICATION HAS CHANGED!(远程主机标识已更改)。
这行命令会把本地 known_hosts 文件里关于这个 IP 的旧记录精准删掉。
ssh-keygen -R 124.220.133.x
重新访问
ssh ubuntu@124.220.133.x
用 sudo 把当前的 Shell 提权到 root 环境
sudo -i
docker restart mkdocs-material
sudo chown -R ubuntu:ubuntu /opt/1panel/apps/openresty/openresty/www/sites/wfy.wang
修改文件所有者为ubuntu
sudo chown -R ubuntu:ubuntu /opt/1panel/apps/openresty/openresty/www/sites/wfy.wang