HTML ফাইল হোস্ট করার জন্য GitHub একটি সহজ এবং জনপ্রিয় পদ্ধতি। নিচে GitHub Pages ব্যবহার করে HTML ফাইল হোস্ট করার একটি প্র্যাকটিক্যাল টিউটোরিয়াল দেওয়া হলো:
ধাপ ১: GitHub অ্যাকাউন্ট তৈরি বা লগইন
- যদি GitHub অ্যাকাউন্ট না থাকে, তাহলে GitHub ওয়েবসাইটে যান এবং একটি অ্যাকাউন্ট তৈরি করুন।
- আপনার ইমেল এবং পাসওয়ার্ড দিয়ে লগইন করুন।
ধাপ ২: একটি নতুন রিপোজিটরি তৈরি করুন
- GitHub ড্যাশবোর্ডে যান এবং “New” বোতামে ক্লিক করুন।
- রিপোজিটরির নাম দিন, যেমন:
my-html-site. - Public সিলেক্ট করুন যাতে সবার জন্য অ্যাক্সেসযোগ্য হয়।
- Initialize this repository with a README চেকবক্স সিলেক্ট করুন।
- Create Repository ক্লিক করুন।
ধাপ ৩: HTML ফাইল যোগ করুন
- আপনার কম্পিউটারে একটি
index.htmlফাইল তৈরি করুন। উদাহরণ:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>My First GitHub Page</title>
</head>
<body>
<h1>Hello, World!</h1>
<p>Welcome to my first GitHub-hosted HTML site.</p>
</body>
</html>
- GitHub-এ রিপোজিটরি খুলুন এবং Add File > Upload Files এ ক্লিক করুন।
- আপনার
index.htmlফাইলটি আপলোড করুন এবং Commit changes ক্লিক করুন।
ধাপ ৪: GitHub Pages সক্রিয় করুন
- রিপোজিটরির সেটিংসে যান।
- বাম পাশ থেকে Pages অপশন সিলেক্ট করুন।
- Source এর ড্রপডাউনে main branch সিলেক্ট করুন এবং Save ক্লিক করুন।
- কিছুক্ষণের মধ্যে একটি URL দেখাবে, যেমন:
https://yourusername.github.io/my-html-site/
ধাপ ৫: ওয়েবসাইট ভিজিট করুন
URL-এ যান এবং আপনার HTML পেজটি দেখতে পাবেন।
অতিরিক্ত টিপস:
- যদি আপনি CSS বা JavaScript ফাইল যুক্ত করতে চান, তাহলে সেগুলো একই রিপোজিটরিতে আপলোড করুন এবং
index.html-এ লিঙ্ক করুন। - প্রজেক্ট আপডেট করার সময় ফাইলগুলি আবার আপলোড করুন এবং Commit changes করুন।