xixu-me/x-webui
1
0 Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Revamp setup script and README for X-WebUI

Browse Source 
Updated the README to reflect the new X-WebUI setup, replacing the previous portfolio-focused documentation with instructions for deploying a secure server environment using Nginx, Docker, X, and Open WebUI. The setup.sh script now installs additional dependencies (ca-certificates, curl), sets up Docker and Open WebUI, and updates Xray and Nginx configurations for improved security and compatibility. The default index.html was simplified to a clean, static portfolio template without Tailwind or external dependencies.
This commit is contained in:
xixu-me committed 2025-09-01 12:37:34 +08:00
1 parent 774a06903d
commit 666cf47da4
2 files changed
+302 -335
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

README.md
+74 -119
View File
@@ -1,149 +1,104 @@
# Automated Web Deployment Script
# X-WebUI
A comprehensive automation script for deploying professional portfolio websites with SSL certificates and optimized web server configuration.
A comprehensive setup script for deploying a secure server environment with Nginx, Docker, X, and Open WebUI.
## 🚀 Features
## Overview
- **Automated Web Server Setup**: Configures Nginx with optimized settings
- **SSL Certificate Management**: Automatic SSL certificate provisioning and renewal using acme.sh
- **Professional Portfolio Template**: Includes a beautiful, responsive portfolio website
- **System Optimization**: Configures BBR congestion control and other performance optimizations
- **Certificate Auto-Renewal**: Sets up automated certificate renewal via cron jobs
- **Security Headers**: Implements HSTS and other security best practices
This repository contains a bash script that automates the setup of a complete server environment on a Debian system. The script sets up:
## 📋 Prerequisites
- Nginx web server
- SSL/TLS certificates via acme.sh
- Docker and Docker Compose
- Open WebUI (running in Docker)
- X proxy server with secure configuration
- Automatic certificate renewal
- Ubuntu/Debian-based Linux server
- Root or sudo access
- Domain name pointing to your server's IP address
- Open ports 80 and 443
## Requirements
## 🛠️ Usage
- Debian 10+ 64-bit system
- Sudo privileges
- Domain name pointing to your server
- Inbound traffic on TCP ports 80 and 443 from 0.0.0.0/0 allowed
1. Log in as a non-root user and update your system:
## Usage
```bash
sudo apt update && sudo apt upgrade -y
```
2. Run the setup script with required parameters:
```bash
curl -L https://github.com/xixu-me/automated-web-deployment/raw/main/setup.sh | bash -s <username> <domain> <unique-id>
```
3. If you encounter the following error:
```text
bash: curl: command not found
```
Please install `curl` and `bash` first:
```bash
sudo apt install curl bash -y
```
### Parameters
- `<username>`: Your system username
- `<domain>`: Your domain name (e.g., example.com)
- `<unique-id>`: A unique identifier (UUID format recommended)
### Example
Log in as a non-root user and update your system:
```bash
./setup.sh john example.com 12345678-1234-1234-1234-123456789abc
sudo apt update && sudo apt upgrade -y
```
## 🎨 Portfolio Features
The included portfolio template features:
- **Responsive Design**: Works on all devices and screen sizes
- **Modern UI**: Clean, professional design with CSS Grid and Flexbox
- **Contact Form**: Ready-to-use contact form structure
- **Project Showcase**: Grid layout for displaying projects
- **Skills Section**: Tag-based skills display
- **SEO Optimized**: Proper HTML structure and meta tags
### Customization
To customize the portfolio:
1. Edit `/var/www/html/index.html` after installation
2. Modify the personal information, projects, and skills
3. Update the color scheme by changing CSS custom properties
## 🔧 What the Script Does
1. **Package Installation**: Installs required packages (cron, nginx)
2. **Web Server Configuration**: Sets up Nginx with optimized configuration
3. **SSL Certificate Setup**: Provisions SSL certificates using Let's Encrypt
4. **Portfolio Deployment**: Creates and deploys a professional portfolio website
5. **Auto-Renewal Setup**: Configures automatic certificate renewal
6. **System Optimization**: Applies performance optimizations
7. **Security Configuration**: Implements security headers and HTTPS redirect
## 📁 File Structure
```text
/var/www/html/ # Web root directory
├── index.html # Portfolio website
~/cert/ # SSL certificates directory
├── x.crt # SSL certificate
├── x.key # Private key
└── cert-renew.sh # Certificate renewal script
```
## 🔒 Security Features
- **HTTPS Redirect**: Automatic HTTP to HTTPS redirection
- **HSTS Headers**: Strict Transport Security implementation
- **SSL Configuration**: Modern TLS protocols and cipher suites
- **Secure File Permissions**: Proper file ownership and permissions
## 🔄 Maintenance
### Certificate Renewal
Certificates are automatically renewed monthly via cron job. To manually renew:
Run the script:
```bash
bash ~/cert/cert-renew.sh
curl -L https://github.com/xixu-me/X-WebUI/raw/main/setup.sh | bash -s <username> <domain> <id>
```
### Nginx Configuration
Replace the following:
Main configuration file: `/etc/nginx/nginx.conf`
- `<username>`: Your login username
- `<domain>`: Your domain name (must be pointed to this server)
- `<id>`: A unique ID for the X configuration
To reload Nginx after changes:
If you encounter the following error:
```bash
sudo systemctl reload nginx
bash: curl: command not found
```
## 🐛 Troubleshooting
Please install `curl` and `bash` first:
### Common Issues
```bash
sudo apt update && sudo apt install -y curl bash
```
1. **Domain not pointing to server**: Ensure DNS A record points to your server's IP
2. **Firewall blocking ports**: Make sure ports 80 and 443 are open
3. **Permission errors**: Ensure script is run with appropriate privileges
## Features
### Log Files
### Web Server
- Nginx access logs: `/var/log/nginx/access.log`
- Nginx error logs: `/var/log/nginx/error.log`
- System logs: `journalctl -u nginx`
- Configures Nginx
- Sets up automatic HTTPS redirection
- Implements proper security headers
## 📝 License
### SSL/TLS Certificates
This project is licensed under the GNU General Public License v3.0 - see the [LICENSE](LICENSE) file for details.
- Automatically obtains and configures Let's Encrypt certificates
- Sets up automatic renewal via cron job
## ⚠️ Important Notes
### Docker Environment
- This script will reboot the server at the end of installation
- Backup any existing Nginx configuration before running
- The script is designed for fresh server installations
- Domain validation is required for SSL certificate issuance
- Installs Docker and Docker Compose
- Configures Open WebUI in a Docker container
- Sets up proper restart policies
### Proxy Configuration
- Installs and configures X
- Implements secure TLS settings
- Configures proper routing rules
## Security Considerations
This script implements several security best practices:
- Uses TLS 1.2+ for all connections
- Implements proper certificate handling
- Configures firewall rules to block unwanted traffic
- Sets up proper user permissions
## Disclaimer
1. This repository is strictly for educational and research purposes.
2. Use at your own risk. The repository assumes no responsibility for potential issues.
3. No guarantee of accuracy, completeness, or reliability.
4. Not liable for data loss or damages.
5. Ensure compliance with relevant licenses and legal regulations.
6. No endorsement of third-party hardware/software.
7. User modifications are their own responsibility.
8. Terms may change at any time. By using this repository, you agree to these terms.
## License
Copyright &copy; [Xi Xu](https://xi-xu.me). All rights reserved.
Licensed under the [GPL-3.0](LICENSE) license.
setup.sh
+228 -216
View File
@@ -12,7 +12,7 @@ DOMAIN="$2"
ID="$3"
# Install required packages
sudo apt install cron nginx -y
sudo apt install cron nginx ca-certificates curl -y
# Configure web server permissions and files
sudo chown -R "$USERNAME:$USERNAME" /var/www
@@ -21,220 +21,212 @@ rm /var/www/html/index.nginx-debian.html
# Create index.html
cat >/var/www/html/index.html <<'EOF'
<!DOCTYPE html>
<html lang="en" class="scroll-smooth">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>John Doe - Professional Portfolio</title>
<script src="https://cdn.tailwindcss.com"></script>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet">
<style>
body {
font-family: 'Inter', sans-serif;
}
.section {
min-height: 100vh;
display: flex;
align-items: center;
justify-content: center;
}
</style>
</head>
<body class="bg-gray-900 text-white">
<!-- Header -->
<header class="bg-gray-900/80 backdrop-blur-sm fixed top-0 left-0 right-0 z-50">
<div class="container mx-auto px-4 sm:px-6 lg:px-8">
<div class="flex items-center justify-between h-16">
<div class="flex-shrink-0">
<a href="#home" class="text-2xl font-bold text-white">JD</a>
</div>
<nav class="hidden md:flex md:space-x-8">
<a href="#home" class="text-gray-300 hover:text-white transition-colors duration-300">Home</a>
<a href="#about" class="text-gray-300 hover:text-white transition-colors duration-300">About</a>
<a href="#projects" class="text-gray-300 hover:text-white transition-colors duration-300">Projects</a>
<a href="#contact" class="text-gray-300 hover:text-white transition-colors duration-300">Contact</a>
</nav>
<div class="md:hidden">
<button id="menu-btn" class="text-white focus:outline-none">
<svg class="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16m-7 6h7"></path></svg>
</button>
</div>
</div>
</div>
<!-- Mobile Menu -->
<div id="mobile-menu" class="hidden md:hidden">
<a href="#home" class="block py-2 px-4 text-sm text-gray-300 hover:bg-gray-700">Home</a>
<a href="#about" class="block py-2 px-4 text-sm text-gray-300 hover:bg-gray-700">About</a>
<a href="#projects" class="block py-2 px-4 text-sm text-gray-300 hover:bg-gray-700">Projects</a>
<a href="#contact" class="block py-2 px-4 text-sm text-gray-300 hover:bg-gray-700">Contact</a>
</div>
</header>
<main>
<!-- Home Section -->
<section id="home" class="section pt-16">
<div class="container mx-auto px-4 sm:px-6 lg:px-8 text-center">
<img src="https://placehold.co/150x150/4A5568/E2E8F0?text=JD" alt="Your Name" class="w-40 h-40 md:w-48 md:h-48 rounded-full mx-auto mb-6 border-4 border-gray-700 shadow-lg">
<h1 class="text-4xl md:text-6xl font-bold mb-2">John Doe</h1>
<p class="text-xl md:text-2xl text-gray-400 mb-6">Software Engineer & Web Developer</p>
<p class="max-w-2xl mx-auto text-gray-300 mb-8">
I build elegant, responsive, and user-friendly web applications. Passionate about clean code and modern web technologies.
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>John Doe - Professional Portfolio</title>
<style>
:root {
--primary: #2c3e50;
--secondary: #3498db;
--background: #f8f9fa;
--text: #2c3e50;
}
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
body {
font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
line-height: 1.6;
color: var(--text);
background-color: var(--background);
}
header {
background-color: var(--primary);
color: white;
padding: 2rem 0;
text-align: center;
}
nav {
background-color: var(--secondary);
padding: 1rem 0;
}
nav ul {
list-style: none;
display: flex;
justify-content: center;
gap: 2rem;
}
nav a {
color: white;
text-decoration: none;
font-weight: 500;
}
nav a:hover {
text-decoration: underline;
}
.container {
max-width: 1200px;
margin: 0 auto;
padding: 2rem;
}
.hero {
text-align: center;
padding: 4rem 0;
}
.projects {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
gap: 2rem;
margin: 3rem 0;
}
.project-card {
background: white;
border-radius: 8px;
padding: 1.5rem;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
.skills {
display: flex;
flex-wrap: wrap;
gap: 1rem;
margin: 2rem 0;
}
.skill-tag {
background: var(--secondary);
color: white;
padding: 0.5rem 1rem;
border-radius: 20px;
font-size: 0.9rem;
}
footer {
background-color: var(--primary);
color: white;
text-align: center;
padding: 2rem 0;
margin-top: 4rem;
}
.contact-form {
max-width: 600px;
margin: 0 auto;
}
.form-group {
margin-bottom: 1rem;
}
input,
textarea {
width: 100%;
padding: 0.5rem;
margin-top: 0.5rem;
border: 1px solid #ddd;
border-radius: 4px;
}
button {
background-color: var(--secondary);
color: white;
padding: 0.75rem 1.5rem;
border: none;
border-radius: 4px;
cursor: pointer;
}
button:hover {
opacity: 0.9;
}
</style>
</head>
<body>
<header>
<h1>John Doe</h1>
<p>Full Stack Developer</p>
</header>
<nav>
<ul>
<li><a href="#about">About</a></li>
<li><a href="#projects">Projects</a></li>
<li><a href="#skills">Skills</a></li>
<li><a href="#contact">Contact</a></li>
</ul>
</nav>
<main class="container">
<section id="about" class="hero">
<h2>About Me</h2>
<p>
Passionate full-stack developer with 5+ years of experience
building scalable web applications. I specialize in modern
JavaScript frameworks and cloud architecture.
</p>
<div class="flex justify-center space-x-6">
<a href="#" class="text-gray-400 hover:text-white transition-colors duration-300">
<svg class="w-8 h-8" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true"><path fill-rule="evenodd" d="M12 2C6.477 2 2 6.477 2 12.014c0 4.425 2.865 8.166 6.839 9.489.5.092.682-.217.682-.482 0-.237-.009-.868-.014-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.531 1.032 1.531 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951 0-1.093.39-1.988 1.031-2.688-.103-.253-.446-1.272.098-2.65 0 0 .84-.27 2.75 1.026A9.564 9.564 0 0112 6.844c.85.004 1.705.115 2.504.337 1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.203 2.398.1 2.651.64.7 1.03 1.595 1.03 2.688 0 3.848-2.338 4.695-4.566 4.942.359.308.678.92.678 1.855 0 1.338-.012 2.419-.012 2.747 0 .268.18.578.688.482A10.001 10.001 0 0022 12.014C22 6.477 17.523 2 12 2z" clip-rule="evenodd" /></svg>
</a>
<a href="#" class="text-gray-400 hover:text-white transition-colors duration-300">
<svg class="w-8 h-8" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true"><path d="M19 0h-14c-2.761 0-5 2.239-5 5v14c0 2.761 2.239 5 5 5h14c2.762 0 5-2.239 5-5v-14c0-2.761-2.238-5-5-5zm-11 19h-3v-11h3v11zm-1.5-12.268c-.966 0-1.75-.79-1.75-1.764s.784-1.764 1.75-1.764 1.75.79 1.75 1.764-.783 1.764-1.75 1.764zm13.5 12.268h-3v-5.604c0-3.368-4-3.113-4 0v5.604h-3v-11h3v1.765c1.396-2.586 7-2.777 7 2.476v6.759z"/></svg>
</a>
</div>
</div>
</section>
<!-- About Section -->
<section id="about" class="section bg-gray-800">
<div class="container mx-auto px-4 sm:px-6 lg:px-8">
<div class="text-center mb-12">
<h2 class="text-3xl md:text-4xl font-bold">About Me</h2>
<p class="text-gray-400 mt-2">A little bit about my journey and skills.</p>
</div>
<div class="flex flex-col md:flex-row items-center gap-10 md:gap-16">
<div class="md:w-1/2 text-center md:text-left">
<h3 class="text-2xl font-semibold mb-4">Who I Am</h3>
<p class="text-gray-300 leading-relaxed mb-4">
Hello! I'm John Doe, a software engineer based in [Your City]. I have a passion for creating beautiful and functional websites and applications. My journey into tech started with a simple "Hello World" and has since grown into a full-fledged career where I get to solve complex problems and build amazing things.
</p>
<p class="text-gray-300 leading-relaxed">
When I'm not coding, you can find me exploring new hiking trails, reading a good book, or experimenting with new recipes in the kitchen.
</section>
<section id="projects">
<h2>Featured Projects</h2>
<div class="projects">
<div class="project-card">
<h3>E-commerce Platform</h3>
<p>
A full-featured e-commerce solution built with React
and Node.js, featuring real-time inventory
management and secure payment processing.
</p>
</div>
<div class="md:w-1/2">
<h3 class="text-2xl font-semibold mb-4 text-center md:text-left">My Skills</h3>
<div class="flex flex-wrap gap-3 justify-center md:justify-start">
<span class="bg-gray-700 rounded-full px-4 py-2 text-sm font-medium">HTML</span>
<span class="bg-gray-700 rounded-full px-4 py-2 text-sm font-medium">CSS</span>
<span class="bg-gray-700 rounded-full px-4 py-2 text-sm font-medium">JavaScript</span>
<span class="bg-gray-700 rounded-full px-4 py-2 text-sm font-medium">React</span>
<span class="bg-gray-700 rounded-full px-4 py-2 text-sm font-medium">Node.js</span>
<span class="bg-gray-700 rounded-full px-4 py-2 text-sm font-medium">Tailwind CSS</span>
<span class="bg-gray-700 rounded-full px-4 py-2 text-sm font-medium">Git & GitHub</span>
<span class="bg-gray-700 rounded-full px-4 py-2 text-sm font-medium">Firebase</span>
</div>
<div class="project-card">
<h3>Task Management App</h3>
<p>
A collaborative task management application using
Vue.js and Firebase, with real-time updates and team
collaboration features.
</p>
</div>
<div class="project-card">
<h3>Analytics Dashboard</h3>
<p>
A responsive analytics dashboard built with D3.js
and Express, providing real-time data visualization
and reporting capabilities.
</p>
</div>
</div>
</div>
</section>
<!-- Projects Section -->
<section id="projects" class="section">
<div class="container mx-auto px-4 sm:px-6 lg:px-8">
<div class="text-center mb-12">
<h2 class="text-3xl md:text-4xl font-bold">My Projects</h2>
<p class="text-gray-400 mt-2">A selection of my work. Feel free to explore.</p>
</section>
<section id="skills">
<h2>Skills</h2>
<div class="skills">
<span class="skill-tag">JavaScript</span>
<span class="skill-tag">React</span>
<span class="skill-tag">Node.js</span>
<span class="skill-tag">Python</span>
<span class="skill-tag">SQL</span>
<span class="skill-tag">AWS</span>
<span class="skill-tag">Docker</span>
<span class="skill-tag">Git</span>
</div>
<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8">
<!-- Project Card 1 -->
<div class="bg-gray-800 rounded-lg overflow-hidden shadow-lg transform hover:scale-105 transition-transform duration-300">
<img src="https://placehold.co/600x400/4A5568/E2E8F0?text=Project+1" alt="Project 1" class="w-full h-48 object-cover">
<div class="p-6">
<h3 class="text-xl font-semibold mb-2">Project Title One</h3>
<p class="text-gray-400 mb-4">A brief description of the project, the technologies used, and the problem it solves.</p>
<div class="flex space-x-4">
<a href="#" class="text-indigo-400 hover:text-indigo-300 font-medium">Live Demo</a>
<a href="#" class="text-indigo-400 hover:text-indigo-300 font-medium">Source Code</a>
</div>
</div>
</section>
<section id="contact">
<h2>Contact Me</h2>
<form class="contact-form">
<div class="form-group">
<label for="name">Name:</label>
<input type="text" id="name" name="name" required />
</div>
<!-- Project Card 2 -->
<div class="bg-gray-800 rounded-lg overflow-hidden shadow-lg transform hover:scale-105 transition-transform duration-300">
<img src="https://placehold.co/600x400/4A5568/E2E8F0?text=Project+2" alt="Project 2" class="w-full h-48 object-cover">
<div class="p-6">
<h3 class="text-xl font-semibold mb-2">Project Title Two</h3>
<p class="text-gray-400 mb-4">A brief description of the project, the technologies used, and the problem it solves.</p>
<div class="flex space-x-4">
<a href="#" class="text-indigo-400 hover:text-indigo-300 font-medium">Live Demo</a>
<a href="#" class="text-indigo-400 hover:text-indigo-300 font-medium">Source Code</a>
</div>
</div>
<div class="form-group">
<label for="email">Email:</label>
<input type="email" id="email" name="email" required />
</div>
<!-- Project Card 3 -->
<div class="bg-gray-800 rounded-lg overflow-hidden shadow-lg transform hover:scale-105 transition-transform duration-300">
<img src="https://placehold.co/600x400/4A5568/E2E8F0?text=Project+3" alt="Project 3" class="w-full h-48 object-cover">
<div class="p-6">
<h3 class="text-xl font-semibold mb-2">Project Title Three</h3>
<p class="text-gray-400 mb-4">A brief description of the project, the technologies used, and the problem it solves.</p>
<div class="flex space-x-4">
<a href="#" class="text-indigo-400 hover:text-indigo-300 font-medium">Live Demo</a>
<a href="#" class="text-indigo-400 hover:text-indigo-300 font-medium">Source Code</a>
</div>
</div>
<div class="form-group">
<label for="message">Message:</label>
<textarea
id="message"
name="message"
rows="5"
required
></textarea>
</div>
</div>
</div>
</section>
<!-- Contact Section -->
<section id="contact" class="section bg-gray-800">
<div class="container mx-auto px-4 sm:px-6 lg:px-8">
<div class="text-center mb-12">
<h2 class="text-3xl md:text-4xl font-bold">Get In Touch</h2>
<p class="text-gray-400 mt-2">I'm open to new opportunities. Let's connect!</p>
</div>
<div class="max-w-xl mx-auto">
<form action="#" method="POST" class="space-y-6">
<div>
<label for="name" class="sr-only">Name</label>
<input type="text" name="name" id="name" autocomplete="name" required class="w-full bg-gray-700 border border-gray-600 rounded-md py-3 px-4 text-white placeholder-gray-400 focus:outline-none focus:ring-2 focus:ring-indigo-500" placeholder="Your Name">
</div>
<div>
<label for="email" class="sr-only">Email</label>
<input type="email" name="email" id="email" autocomplete="email" required class="w-full bg-gray-700 border border-gray-600 rounded-md py-3 px-4 text-white placeholder-gray-400 focus:outline-none focus:ring-2 focus:ring-indigo-500" placeholder="Your Email">
</div>
<div>
<label for="message" class="sr-only">Message</label>
<textarea id="message" name="message" rows="4" required class="w-full bg-gray-700 border border-gray-600 rounded-md py-3 px-4 text-white placeholder-gray-400 focus:outline-none focus:ring-2 focus:ring-indigo-500" placeholder="Your Message"></textarea>
</div>
<div>
<button type="submit" class="w-full bg-indigo-600 hover:bg-indigo-700 text-white font-bold py-3 px-6 rounded-md transition-colors duration-300">
Send Message
</button>
</div>
</form>
</div>
</div>
</section>
</main>
<!-- Footer -->
<footer class="bg-gray-900">
<div class="container mx-auto px-4 sm:px-6 lg:px-8 py-6 text-center text-gray-400">
<p>&copy; <span id="year"></span> John Doe. All Rights Reserved.</p>
</div>
</footer>
<script>
// Mobile menu toggle
const menuBtn = document.getElementById('menu-btn');
const mobileMenu = document.getElementById('mobile-menu');
menuBtn.addEventListener('click', () => {
mobileMenu.classList.toggle('hidden');
});
// Close mobile menu when a link is clicked
const mobileLinks = document.querySelectorAll('#mobile-menu a');
mobileLinks.forEach(link => {
link.addEventListener('click', () => {
mobileMenu.classList.add('hidden');
});
});
// Set current year in footer
document.getElementById('year').textContent = new Date().getFullYear();
</script>
</body>
<button type="submit">Send Message</button>
</form>
</section>
</main>
<footer><p>&copy; 2025 John Doe. All rights reserved.</p></footer>
</body>
</html>
EOF
@@ -277,6 +269,26 @@ curl https://get.acme.sh | sh
~/.acme.sh/acme.sh --set-default-ca --server letsencrypt
~/.acme.sh/acme.sh --issue -d "$DOMAIN" -w /var/www/html --keylength ec-256 --force
# Add Docker's official GPG key
sudo install -m 0755 -d /etc/apt/keyrings
sudo curl -fsSL https://download.docker.com/linux/debian/gpg -o /etc/apt/keyrings/docker.asc
sudo chmod a+r /etc/apt/keyrings/docker.asc
# Add the repository to Apt sources
echo \
"deb [arch=$(dpkg --print-architecture) signed-by=/etc/apt/keyrings/docker.asc] https://download.docker.com/linux/debian \
$(. /etc/os-release && echo "$VERSION_CODENAME") stable" | \
sudo tee /etc/apt/sources.list.d/docker.list > /dev/null
sudo apt update
# Install Docker
sudo apt-get install docker-ce docker-ce-cli containerd.io docker-buildx-plugin docker-compose-plugin -y
# Install Open WebUI
sudo docker pull ghcr.io/open-webui/open-webui:main
sudo docker run -d -p 8888:8080 -v open-webui:/app/backend/data --name open-webui ghcr.io/open-webui/open-webui:main
sudo docker update --restart=unless-stopped open-webui
# Install X
sudo bash -c "$(curl -L https://github.com/XTLS/Xray-install/raw/main/install-release.sh)" @ install
@@ -344,8 +356,8 @@ sudo tee /usr/local/etc/xray/config.json >/dev/null <<EOF
"security": "tls",
"tlsSettings": {
"rejectUnknownSni": true,
"alpn": ["http/1.1"],
"minVersion": "1.3",
"alpn": "http/1.1",
"minVersion": "1.2",
"certificates": [
{
"certificateFile": "/home/$USERNAME/cert/x.crt",
@@ -369,8 +381,8 @@ sudo tee /usr/local/etc/xray/config.json >/dev/null <<EOF
"policy": {
"levels": {
"0": {
"handshake": 4,
"connIdle": 300
"handshake": 2,
"connIdle": 150
}
}
}
@@ -403,12 +415,12 @@ http {
server_name $DOMAIN;
return 301 https://\$http_host\$request_uri;
}
server {
listen 8888;
root /var/www/html;
index index.html;
add_header Strict-Transport-Security "max-age=63072000" always;
}
# server {
# listen 8888;
# root /var/www/html;
# index index.html;
# add_header Strict-Transport-Security "max-age=63072000" always;
# }
sendfile on;
tcp_nopush on;
types_hash_max_size 2048;