1、安装virtualbox增强功能实现主机与虚拟机交互，挂载iso并运行安装脚本后重启；2、设置共享文件夹并配置自动挂载，通过vboxsf文件系统手动挂载至指定目录；3、在共享目录创建web-ui文件夹，编写html+css构建响应式前端界面，结合javascript动态展示文件列表；4、启用双向剪贴板与拖放功能，提升跨系统文本与文件传输效率。
如果您在Linux系统中使用VirtualBox运行虚拟机，并希望实现主机与虚拟机之间的文件双向同步，同时通过HTML+CSS构建跨平台的轻量级交互界面，以下是具体操作步骤：
一、安装并配置VirtualBox增强功能
VirtualBox增强功能（Guest Additions）是实现主机与虚拟机无缝交互的核心组件，支持共享文件夹、剪贴板互通和拖放功能。
1、启动Linux虚拟机并登录系统。
2、在VirtualBox菜单栏选择设备 → 安装增强功能光盘镜像，系统将自动挂载ISO文件。
立即学习“前端免费学习笔记（深入）”；
3、打开终端，执行命令挂载光驱：sudo mount /dev/cdrom /mnt。
4、进入挂载目录并运行安装脚本：cd /mnt && sudo ./VBoxLinuxAdditions.run。
5、安装完成后重启虚拟机以激活新功能。
二、设置双向共享文件夹
共享文件夹允许Linux虚拟机与宿主操作系统之间直接交换文件，是实现双向同步的基础。
1、关闭虚拟机，在VirtualBox管理界面右键选择设置 → 共享文件夹。
2、点击添加按钮，选择宿主上的目标文件夹路径，并勾选自动挂载和固定分配选项。
3、启动虚拟机后，使用命令sudo mount -t vboxsf -o uid=$UID,gid=$(id -g) [共享名] [挂载点]手动挂载（若未自动生效）。
4、为简化访问，可将挂载命令写入~/.bashrc或/etc/rc.local实现开机自动加载。
三、搭建本地HTML+CSS可视化界面
通过创建静态网页界面，可在不同系统中统一访问共享资源状态，提升跨系统协作体验。
1、在共享文件夹内创建新目录web-ui，用于存放前端文件。
2、新建index.html文件，编写基本结构包含标题、文件列表展示区和刷新按钮。
3、使用CSS设计响应式布局，确保在手机和桌面浏览器中均能正常显示。
4、利用JavaScript定时读取服务器端生成的文件清单（可通过Python简单HTTP服务输出），动态更新页面内容。
四、启用跨系统剪贴板与拖放支持
启用双向剪贴板和拖放功能可显著提高数据传输效率，尤其适用于代码片段或小文件传递。
1、确保已成功安装VirtualBox增强功能。
2、在虚拟机运行状态下，进入设备 → 共享剪贴板 → 双向。
3、同样方式设置设备 → 拖放 → 双向模式。
4、测试从宿主机复制文本，在Linux虚拟机中打开编辑器粘贴验证功能是否正常。
