🏠
Hostinger
استضافة سهلة ورخيصة
Easy & affordable hosting
Easy & affordable hosting
🏄
Surfer + Cloudron
سيرفر خاص بك
Your own server
Your own server
1
📝 سجّل في Hostinger
أول خطوة: اذهب إلى موقع 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.
💡 نصيحة: اختر اسم قصير وسهل التذكر!
اختر اسمًا قصيرًا يسهل تذكّره!
اختر اسمًا قصيرًا يسهل تذكّره!
3
🏗️ أنشئ موقع HTML — Create HTML Website
بعد تسجيل الدخول إلى لوحة التحكم hPanel:
بعد تسجيل الدخول إلى hPanel dashboard:
بعد تسجيل الدخول إلى hPanel dashboard:
Websites
→
إضافة موقع ويب
→
Custom PHP/HTML
→
اختر الدومين
اختر «موقع PHP/HTML مخصص» — هذا مناسب لصفحات HTML البسيطة!
Choose «موقع PHP/HTML مخصص» — perfect for simple HTML pages!
Choose «موقع PHP/HTML مخصص» — perfect for simple HTML pages!
4
📁 افتح مدير الملفات
من لوحة التحكم، افتح 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!
📖 الدليل الكامل →
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. اضغط «رفع»
→
3. اختر ملفك .html
مهم: سمّ ملفك index.html — هذا هو الملف الذي يفتحه الموقع تلقائياً!
Important: سمِّ ملفك index.html — this is the file that opens automatically!
Important: سمِّ ملفك 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) وشاهد صفحتك على الإنترنت! 🌍
افتح نطاقك في المتصفح (مثل mypage.com) وشاهد صفحتك مباشرة! 🌍
افتح نطاقك في المتصفح (مثل mypage.com) وشاهد صفحتك مباشرة! 🌍
✅ ممتاز! قد تحتاج الصفحة حتى 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؟
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 →
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
من لوحة تحكم 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
🔑 افتح لوحة الإدارة
بعد التثبيت، لوحة إدارة Surfer موجودة على:
بعد التثبيت، توجد لوحة إدارة Surfer على:
بعد التثبيت، توجد لوحة إدارة Surfer على:
https://mypage.alinli.com/_admin
سجّل الدخول بحساب Cloudron الخاص بك. سترى واجهة بسيطة لرفع الملفات!
سجّل الدخول بحساب Cloudron. سترى واجهة بسيطة لرفع الملفات!
سجّل الدخول بحساب Cloudron. سترى واجهة بسيطة لرفع الملفات!
4
⬆️ ارفع ملفك — Upload Your File
الطريقة ١: من واجهة الويب (/_admin) — اضغط Upload واختر ملف index.html
الطريقة ٢: من سطر الأوامر (CLI) — للمتقدمين:
الطريقة 1: From the web interface (/_admin) — click Upload and choose index.html
الطريقة 2: From the command line (CLI) — for advanced users:
الطريقة ٢: من سطر الأوامر (CLI) — للمتقدمين:
الطريقة 1: From the web interface (/_admin) — click Upload and choose index.html
الطريقة 2: From the command line (CLI) — for advanced users:
# ثبّت أداة Surfer CLI
npm -g install cloudron-surfer
# اضبط الإعدادات
surfer config --server https://mypage.alinli.com --token YOUR_TOKEN
# ارفع الملف
surfer put index.html /
📖 توثيق Surfer →
npm -g install cloudron-surfer
# اضبط الإعدادات
surfer config --server https://mypage.alinli.com --token YOUR_TOKEN
# ارفع الملف
surfer put index.html /
5
🎉 !تم — Done!
افتح الدومين في المتصفح (مثل mypage.alinli.com) — صفحتك الآن على الإنترنت! 🌍
افتح النطاق في متصفحك (مثل mypage.alinli.com) — أصبحت صفحتك الآن على الإنترنت! 🌍
افتح النطاق في متصفحك (مثل mypage.alinli.com) — أصبحت صفحتك الآن على الإنترنت! 🌍
✅ ممتاز! 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!
📊 مقارنة
- 🏠 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!
🚀 ابدأ الآن!
اصنع صفحتك أولاً، ثم انشرها!
Build your page first, then publish it!