📌 قالب صفحه کاربری پنل مرزبان - MrClock

معرفی • ویژگی‌ها • نصب • به‌روزرسانی • شخصی‌سازی

🎨 معرفی

قالب صفحه کاربری پنل مرزبان با طراحی مینیمال و کاربرپسند. این پروژه با الهام از قالب Marzbanify و با کسب مجوز از توسعه‌دهنده اصلی، توسعه و ساده‌سازی شده است. در این تمپلیت دو اپلیکیشن قرار دارد: hiddify و sing-box. پیشنهاد میکنم برای استفاده هرچه بهتر از اپلیکیشن sing-box از این تمپلیت استفاده کنید.

📋 جزئیات آخرین آپدیت

🔄 مشاهده تغییرات آپدیت تیر / جولای

• اضافه شدن اپ Happ
• اضافه شدن کپی تمام کانفیگ ها
• آپدیت لینک برنامه ها
• اصلاح و بهینه‌سازی کدها

🔄 مشاهده تغییرات آپدیت اردیبهشت / اپریل

• اضافه شدن لوگو برند
• باز طراحی دکمه ها
• خوانایی بیشتر رنگ ها
• بهبود فاصله ها و اندازه ها
• اصلاح و بهینه‌سازی کدها

🔄 مشاهده تغییرات آپدیت فروردین / اپریل

• اضافه شدن تم روشن
• اضافه شدن زبان انگلیسی
• اضافه شدن QR کد
• اضافه شدن تیتر برند
• بروزرسانی لینک‌ برنامه‌ها
• اصلاح و بهینه‌سازی کدها
• بهینه‌سازی طراحی و رابط کاربری

✨ ویژگی‌های کلیدی

ویژگی	توضیحات
⚡ سبک و سریع	حجم کم و بارگذاری سریع بدون المان‌های اضافه
🎨 طراحی مدرن	رابط کاربری زیبا و مینیمال با تجربه کاربری بهبودیافته
🛠 نصب آسان	راه‌اندازی سریع با چند دستور ساده
📱 واکنش‌گرا	سازگاری کامل با تمام دستگاه‌ها (موبایل، تبلت و دسکتاپ)
🌓 تم روشن و تیره	پشتیبانی از حالت روشن و تاریک برای خوانایی بهتر
🌐 چند زبانه	پشتیبانی از زبان‌های فارسی و انگلیسی
⚙️ تنظیمات اتوماتیک	تنظیمات خودکار برای سهولت در استفاده

📥 نصب و راه‌اندازی

1️⃣ دانلود فایل قالب

sudo wget -N -P /var/lib/marzban/templates/subscription/ https://raw.githubusercontent.com/Mrclocks/MrClock-Subscription-Template/main/index.html

2️⃣ ثبت تنظیمات در محیط مرزبان

echo 'CUSTOM_TEMPLATES_DIRECTORY="/var/lib/marzban/templates/"' | sudo tee -a /opt/marzban/.env
echo 'SUBSCRIPTION_PAGE_TEMPLATE="subscription/index.html"' | sudo tee -a /opt/marzban/.env

📝 روش جایگزین: اضافه کردن مستقیم به فایل .env

مقادیر زیر را مستقیماً در فایل .env واقع در /opt/marzban/ اضافه کنید:

CUSTOM_TEMPLATES_DIRECTORY="/var/lib/marzban/templates/"
SUBSCRIPTION_PAGE_TEMPLATE="subscription/index.html"

3️⃣ راه‌اندازی مجدد مرزبان

marzban restart

🔄 به‌روزرسانی قالب

برای دریافت آخرین نسخه قالب، کافیست مرحله اول (دانلود فایل قالب) را دوباره اجرا کنید.

🛠 شخصی‌سازی

بخش	توضیحات
تغییر لینک پشتیبانی	ویرایش خط 926
تغییر تیتر صفحه (برند)	ویرایش خط 563 و 608
تغییر لوگو صفحه (برند)	ویرایش خط 559

از برنامه هایی شبیه VS code برای ویرایش کد ها استفاده کنید. همچنین می‌توانید با استفاده از ابزارهای هوش مصنوعی مانند deepseek به راحتی بخش‌های مختلف را با سلیقه خود تغییر دهید. لازم به ذکر است بیشتر تغییرات صورت گرفته در این کد‌ها توسط هوش مصنوعی انجام شده است.

---

🌟 اگر از این پروژه خوشتان آمد، لطفاً به آن ستاره دهید 🌟

با ❤️ توسط MrClock