OBO Website Deployment Guide
Website deployed to EdgeOne: https://test.100w.top/
CSS files are accessible individually but not loading in browser due to EdgeOne MIME type configuration.
- Changed all resource paths from absolute (
/styles.css) to relative (styles.css)
- Added explicit
type="text/css" attribute to CSS links
- Added cache control meta tags for forced refresh
main/index.html - Fixed paths and added cache control
main/styles.css - No changes needed
main/script.js - No changes needed
Next Steps for Deployment
Since EdgeOne console requires manual login, please:
- Go to EdgeOne Console: https://console.cloud.tencent.com/edgeone
- Navigate to your site: test.100w.top
- Re-upload entire main folder:
- Delete existing files in deployment
- Upload all contents of
main/ folder
- Ensure file structure maintains:
index.html, styles.css, script.js, img/ folder
Add ?v=2 parameter to CSS URL in browser to bypass cache:
- Change:
<link rel="stylesheet" href="styles.css" type="text/css">
- To:
<link rel="stylesheet" href="styles.css?v=2" type="text/css">
After redeployment, website should display:
- ✅ Proper styling and layout
- ✅ Working image slider
- ✅ Responsive navigation with mobile hamburger menu
- ✅ Interactive elements
- ✅ Optimized mobile experience with touch gestures
- ✅ Swipe-enabled image slider on mobile
- ✅ Adaptive layouts for all screen sizes
- ✅ Enhanced form input experience
- ✅ Dark mode support
- ✅ Safe area compatibility for notched devices
Mobile Optimizations Added
- Responsive hamburger menu with smooth animations
- Touch-friendly menu items
- Prevents page scroll when menu is open
- Click-outside to close functionality
- Swipe gestures for image slider
- Optimized touch targets for buttons and links
- Form input auto-scroll on focus
- Prevention of iOS zoom on inputs
- Responsive typography scaling
- Flexible grid layouts
- Optimized spacing and padding
- Safe area insets for modern devices
- Reduced animations for low-power mode
- Hardware acceleration for smooth scrolling
- Optimized asset loading
- High contrast dark mode support
- Reduced motion preferences
- Keyboard navigation support
- Screen reader friendly structure