使用教程
Web Mploye 简介
Web Mploye是一个简单易用的HTML页面在线部署工具，允许你快速上传、编辑和部署HTML页面，并生成可公开访问的链接。
本教程将指导你如何使用Web Mploye部署你的第一个HTML页面。
快速开始
1
访问Web Mploye
首先，访问Web Mploye网站的首页：
http://yourdomain.com
你将看到Web Mploye的首页，包含功能介绍和部署区域。
2
准备HTML内容
你可以通过两种方式准备HTML内容：
- 直接编辑：在Web Mploye的代码编辑器中直接编写HTML、CSS和JavaScript代码
- 上传文件：点击上传区域，选择你的HTML、CSS和JavaScript文件
支持的文件类型：.html、.css、.js
3
编辑和预览
使用Web Mploye的代码编辑器，你可以：
- 编写和编辑HTML、CSS和JavaScript代码
- 使用语法高亮功能，提高代码可读性
- 实时预览你的页面效果
- 切换主题（浅色/深色）
编辑器支持基本的代码格式化和自动补全功能。
4
部署页面
当你准备好部署页面时：
- 点击页面中部的"部署页面"按钮
- 等待部署完成（通常只需几秒钟）
- 部署成功后，你将看到生成的访问链接和二维码
你可以复制链接分享给他人，或使用二维码让他人扫码访问。
5
管理部署
部署完成后，你可以：
- 在"部署历史"页面查看所有已部署的页面
- 点击"查看"按钮访问已部署的页面
- 点击"编辑"按钮修改已部署的页面
- 点击"删除"按钮删除不再需要的部署
已部署的页面默认保存30天，之后会自动删除。
高级功能
自定义CSS
你可以在CSS编辑器中添加自定义样式，美化你的HTML页面：
/* 示例CSS样式 */
h1 {
color: #3b82f6;
font-size: 2rem;
margin-bottom: 1rem;
}
body {
font-family: Arial, sans-serif;
line-height: 1.6;
padding: 20px;
}
自定义JavaScript
你可以在JavaScript编辑器中添加交互功能：
// 示例JavaScript代码
console.log('Hello, Web Mploye!');
document.addEventListener('DOMContentLoaded', function() {
// 页面加载完成后执行
const button = document.getElementById('my-button');
if (button) {
button.addEventListener('click', function() {
alert('按钮被点击了！');
});
}
});
文件上传
你可以上传多个文件，Web Mploye会自动处理：
- 如果上传了多个HTML文件，Web Mploye会使用第一个HTML文件作为主页面
- CSS和JavaScript文件会被自动注入到HTML文件中
- 支持拖拽上传，方便快速上传多个文件
最佳实践
HTML页面最佳实践
- 使用语义化HTML标签，提高页面可访问性
- 确保HTML有完整的DOCTYPE声明和基本结构
- 使用外部CSS和JavaScript文件，提高代码可维护性
- 优化图片大小，提高页面加载速度
- 使用响应式设计，确保页面在不同设备上都能正常显示
安全提示
- 不要在部署的页面中包含敏感信息
- 定期清理不再需要的部署
- 注意保护你的部署链接，避免被恶意访问
- 使用HTTPS协议访问部署的页面
常见问题
查看更多常见问题，请访问 常见问题页面。