🏠
Hostinger
استضافة سهلة ورخيصة
Easy & affordable hosting
Easy & affordable hosting
🏄
Surfer + Cloudron
سيرفر خاص بك
Your own server
Your own server
1
📝 سجّل في Hostinger — Sign Up
أول خطوة: اذهب إلى موقع Hostinger وسجّل حساب جديد. اختر أرخص خطة استضافة (تبدأ من حوالي $2/شهر).
First step: Go to Hostinger and create a new account. Pick the cheapest hosting plan (starts around $2/month).
🔗 افتح Hostinger.com →
First step: Go to Hostinger and create a new account. Pick the cheapest hosting plan (starts around $2/month).
💡 نصيحة: اختر خطة "Premium" أو أعلى للحصول على دومين مجاني لسنة!
Choose "Premium" plan or higher for a free domain for 1 year!
Choose "Premium" plan or higher for a free domain for 1 year!
2
🌐 اختر اسم موقعك — Choose Your Domain
اسم الموقع (الدومين) هو عنوان صفحتك مثل mypage.com
يمكنك شراء دومين جديد أو استخدام الدومين المجاني مع الاستضافة.
The domain is your page address like mypage.com
You can buy a new domain or use the free one with hosting.
يمكنك شراء دومين جديد أو استخدام الدومين المجاني مع الاستضافة.
The domain is your page address like mypage.com
You can buy a new domain or use the free one with hosting.
💡 نصيحة: اختر اسم قصير وسهل التذكر!
Pick a short, easy-to-remember name!
Pick a short, easy-to-remember name!
3
🏗️ أنشئ موقع HTML — Create HTML Website
بعد تسجيل الدخول إلى لوحة التحكم hPanel:
After logging into the hPanel dashboard:
After logging into the hPanel dashboard:
Websites
→
Add Website
→
Custom PHP/HTML
→
اختر الدومين
اختر "Custom PHP/HTML Website" — هذا مناسب لصفحات HTML البسيطة!
Choose "Custom PHP/HTML Website" — perfect for simple HTML pages!
Choose "Custom PHP/HTML Website" — perfect for simple HTML pages!
4
📁 افتح مدير الملفات — Open File Manager
من لوحة التحكم، افتح File Manager (مدير الملفات):
From the dashboard, open File Manager:
From the dashboard, open File Manager:
hPanel
→
Files
→
File Manager
→
📂 public_html
اذهب إلى مجلد public_html — هذا هو المجلد الرئيسي لموقعك. كل شيء هنا يظهر على الإنترنت!
Go to the public_html folder — this is your website's root folder. Everything here is visible online!
📖 الدليل الكامل — Full Guide →
Go to the public_html folder — this is your website's root folder. Everything here is visible online!
5
⬆️ ارفع ملفك — Upload Your File
داخل مجلد public_html:
Inside the public_html folder:
Inside the public_html folder:
1. احذف index.html القديم
→
2. اضغط Upload
→
3. اختر ملفك .html
مهم: سمّ ملفك index.html — هذا هو الملف الذي يفتحه الموقع تلقائياً!
Important: Name your file index.html — this is the file that opens automatically!
Important: Name your file index.html — this is the file that opens automatically!
⚠️ تنبيه: احذف ملف index.html القديم أولاً قبل رفع الجديد!
Delete the old index.html first before uploading the new one!
Delete the old index.html first before uploading the new one!
6
🎉 !تم — Done!
افتح اسم موقعك في المتصفح (مثل mypage.com) وشاهد صفحتك على الإنترنت! 🌍
Open your domain in the browser (like mypage.com) and see your page live! 🌍
Open your domain in the browser (like mypage.com) and see your page live! 🌍
✅ ممتاز! قد تحتاج الصفحة حتى 24 ساعة لتظهر في كل مكان (DNS propagation).
The page may take up to 24 hours to appear everywhere (DNS propagation).
The page may take up to 24 hours to appear everywhere (DNS propagation).
1
🖥️ ما هو Cloudron + Surfer؟ — What is it?
Cloudron هو نظام يدير سيرفرك الخاص — يثبت التطبيقات بسهولة!
Surfer هو تطبيق بسيط على Cloudron لاستضافة ملفات HTML.
Cloudron is a system that manages your own server — installs apps easily!
Surfer is a simple Cloudron app for hosting static HTML files.
🔗 Cloudron.io →
🔗 Surfer App →
Surfer هو تطبيق بسيط على Cloudron لاستضافة ملفات HTML.
Cloudron is a system that manages your own server — installs apps easily!
Surfer is a simple Cloudron app for hosting static HTML files.
💡 ألن لي يستخدم Cloudron + Surfer على سيرفر Azure في إستونيا!
Alin Li uses Cloudron + Surfer on an Azure server in Estonia!
Alin Li uses Cloudron + Surfer on an Azure server in Estonia!
2
📦 ثبّت Surfer — Install Surfer
من لوحة تحكم Cloudron:
From the Cloudron dashboard:
From the Cloudron dashboard:
Cloudron Dashboard
→
App Store
→
ابحث "Surfer"
→
Install
اختر الدومين الفرعي مثل mypage.alinli.com واضغط Install.
Choose a subdomain like mypage.alinli.com and click Install.
Choose a subdomain like mypage.alinli.com and click Install.
3
🔑 افتح لوحة الإدارة — Open Admin Panel
بعد التثبيت، لوحة إدارة Surfer موجودة على:
After installation, the Surfer admin panel is at:
After installation, the Surfer admin panel is at:
https://mypage.alinli.com/_admin
سجّل الدخول بحساب Cloudron الخاص بك. سترى واجهة بسيطة لرفع الملفات!
Login with your Cloudron account. You'll see a simple file upload interface!
Login with your Cloudron account. You'll see a simple file upload interface!
4
⬆️ ارفع ملفك — Upload Your File
الطريقة ١: من واجهة الويب (/_admin) — اضغط Upload واختر ملف index.html
الطريقة ٢: من سطر الأوامر (CLI) — للمتقدمين:
Method 1: From the web interface (/_admin) — click Upload and choose index.html
Method 2: From the command line (CLI) — for advanced users:
الطريقة ٢: من سطر الأوامر (CLI) — للمتقدمين:
Method 1: From the web interface (/_admin) — click Upload and choose index.html
Method 2: From the command line (CLI) — for advanced users:
# ثبّت أداة Surfer — Install Surfer CLI
npm -g install cloudron-surfer
# اضبط الإعدادات — Configure
surfer config --server https://mypage.alinli.com --token YOUR_TOKEN
# ارفع الملف — Upload file
surfer put index.html /
📖 Surfer Docs →
npm -g install cloudron-surfer
# اضبط الإعدادات — Configure
surfer config --server https://mypage.alinli.com --token YOUR_TOKEN
# ارفع الملف — Upload file
surfer put index.html /
5
🎉 !تم — Done!
افتح الدومين في المتصفح (مثل mypage.alinli.com) — صفحتك الآن على الإنترنت! 🌍
Open the domain in your browser (like mypage.alinli.com) — your page is now online! 🌍
Open the domain in your browser (like mypage.alinli.com) — your page is now online! 🌍
✅ ممتاز! Surfer يقدم أي ملف index.html تلقائياً. يمكنك أيضاً إنشاء مجلدات لصفحات متعددة!
Surfer automatically serves any index.html file. You can also create folders for multiple pages!
Surfer automatically serves any index.html file. You can also create folders for multiple pages!
📊 مقارنة — Comparison
- 🏠 Hostinger — أسهل للمبتدئين، أرخص، دومين مجاني — Easiest for beginners, cheapest, free domain
- 🏄 Surfer — تحكم كامل، سيرفر خاص، مثالي للمطورين — Full control, own server, ideal for developers
- 💰 Hostinger — من $2/شهر | Cloudron — يحتاج سيرفر (Azure/DigitalOcean ~$6/شهر)
- ⚡ كلاهما يدعم HTML/CSS/JS بالكامل! — Both fully support HTML/CSS/JS!
✅ قائمة التحقق — Checklist
- 📄 الملف: سمّ ملفك index.html — Name your file index.html
- 📁 المجلد: ارفعه في public_html (Hostinger) أو الجذر (Surfer)
- 🌐 الدومين: تأكد أن DNS يشير لسيرفرك — Ensure DNS points to your server
- 🔒 SSL: كلاهما يوفر HTTPS مجاناً! — Both provide free HTTPS!
- 🔄 التحديث: لتحديث صفحتك، ارفع الملف مرة أخرى — To update, upload again!
🚀 !ابدأ الآن — Start Now!
اصنع صفحتك أولاً، ثم انشرها!
Build your page first, then publish it!