CSS and HTML Website Hosting
هاست کردن (منتشر کردن) یک وب‌سایت HTML و CSS بسیار ساده و کم‌هزینه است، چون این نوع سایت‌ها فقط از فایل‌های استاتیک تشکیل شده‌اند و نیاز به سرور خاصی ندارند.
در ادامه، روش‌های مختلف (رایگان و پولی) را به‌صورت مرحله‌به‌مرحله توضیح داده‌ام 👇
🌐 ۱. هاست رایگان (Free Hosting)
اگر سایت شما فقط شامل HTML، CSS و JavaScript است، چند گزینه‌ی عالی و رایگان وجود دارد:
الف) GitHub Pages
مناسب برای سایت‌های شخصی، رزومه یا پروژه‌های کوچک.
مراحل:
-
در GitHub ثبت‌نام کنید.
-
یک مخزن (Repository) جدید بسازید (مثلاً به نام
my-website). -
فایل‌های HTML و CSS خود را آپلود کنید.
-
در قسمت Settings → Pages → Branch: main → /root → Save بروید.
-
سایت شما در این آدرس منتشر می‌شود:
https://yourusername.github.io/my-website/
ب) Netlify
ساده‌ترین روش برای میزبانی سایت‌های استاتیک.
مراحل:
-
وارد Netlify.com شوید.
-
ثبت‌نام کنید (با GitHub یا ایمیل).
-
پوشه‌ی سایت خود را (که شامل
index.htmlاست) بکشید و در داشبورد رها کنید. -
سایت فوراً بالا می‌آید با آدرسی مثل:
https://yourprojectname.netlify.app/
ج) Vercel
یکی از بهترین گزینه‌ها برای سایت‌های فرانت‌اند و استاتیک.
مراحل:
-
به Vercel.com بروید.
-
اکانت بسازید و ریپازیتوری GitHub خود را متصل کنید یا فایل‌ها را آپلود کنید.
-
بعد از Deploy سایت در آدرسی مثل زیر بالا می‌آید:
https://yourproject.vercel.app/
د) Cloudflare Pages
سریع، امن و هماهنگ با GitHub.
مراحل:
-
به pages.cloudflare.com بروید.
-
وارد شوید و ریپازیتوری GitHub خود را متصل کنید.
-
سایت به‌صورت خودکار Deploy و آپدیت می‌شود.
💰 ۲. هاست پولی + دامنه اختصاصی
اگر می‌خواهید آدرس سایت شما مثل mywebsite.com باشد:
-
ابتدا یک دامنه بخرید از سایت‌هایی مثل:
-
سپس یکی از این روش‌ها را استفاده کنید:
-
Hostinger، Bluehost یا SiteGround برای آپلود فایل‌ها از طریق FTP.
-
یا دامنه‌ی خود را به Netlify، Vercel یا Cloudflare Pages متصل کنید (رایگان پشتیبانی می‌شود).
-
📁 ساختار پوشه‌ی سایت
فایل‌های سایت شما بهتر است به این شکل باشند:
د) Cloudflare Pages
سریع، امن و هماهنگ با GitHub.
مراحل:
-
به pages.cloudflare.com بروید.
-
وارد شوید و ریپازیتوری GitHub خود را متصل کنید.
-
سایت به‌صورت خودکار Deploy و آپدیت می‌شود.
💰 ۲. هاست پولی + دامنه اختصاصی
اگر می‌خواهید آدرس سایت شما مثل mywebsite.com باشد:
-
ابتدا یک دامنه بخرید از سایت‌هایی مثل:
-
سپس یکی از این روش‌ها را استفاده کنید:
-
Hostinger، Bluehost یا SiteGround برای آپلود فایل‌ها از طریق FTP.
-
یا دامنه‌ی خود را به Netlify، Vercel یا Cloudflare Pages متصل کنید (رایگان پشتیبانی می‌شود).
-
📁 ساختار پوشه‌ی سایت
فایل‌های سایت شما بهتر است به این شکل باشند:
my-website/
│
├── index.html
├── about.html
├── style.css
└── images/
└── logo.png
⚡ نکات مهم برای سرعت بهتر
-
تصاویر را فشرده کنید (با TinyPNG).
-
فایل CSS را فشرده کنید (CSS Minifier).
-
تگ زیر را در
<head>اضافه کنید تا سایت در موبایل درست نمایش داده شود:
<meta name=“viewport” content=“width=device-width, initial-scale=1.0”>
دیدگاهتان را بنویسید