গিটহাব দিয়ে ‍স্টাটিক ওয়েবসাইট হোস্ট করা (publish a static website using github)

-

 https://github.com/


গিটহাব (GitHub) কি?

GitHub হলো একটি ওয়েব-ভিত্তিক প্ল্যাটফর্ম যেখানে আপনি আপনার কোড, প্রজেক্ট ও সফটওয়্যার ডেভেলপমেন্ট সম্পর্কিত কাজ সংরক্ষণ, শেয়ার ও সহযোগিতার মাধ্যমে ডেভেলপ করতে পারেন। এটি Git ভার্সন কন্ট্রোল সিস্টেমের উপর ভিত্তি করে তৈরি, যার মাধ্যমে আপনি আপনার কোডের বিভিন্ন ভার্সন ট্র্যাক করতে পারেন।

Similar Platform of GitHub:

GitLab, Bitbucket, ScourceForge, Gitea, AWS CodeCommit

গিটহাব কিভাবে কাজ করে?

GitHub মূলত নিচের অংশগুলো নিয়ে কাজ করে:

  1. রিপোজিটরি (Repository): এটি একটি প্রজেক্টের কোড ও সংশ্লিষ্ট ফাইল সংরক্ষণের জায়গা।

  2. কমিট (Commit): কোডে কোনো পরিবর্তন করলে সেটা সংরক্ষণের জন্য একটি কমেন্টসহ সাবমিট করা হয়।

  3. ব্রাঞ্চ (Branch): মূল কোডে পরিবর্তন আনার আগে পরীক্ষা করার জন্য আলাদা শাখা তৈরি করা হয়।

  4. পুল রিকোয়েস্ট (Pull Request): কোড পরিবর্তনের প্রস্তাব দিয়ে অন্যদের রিভিউয়ের জন্য পাঠানো হয়।

  5. কলাবোরেশন: একাধিক ডেভেলপার একসাথে একটি প্রজেক্টে কাজ করতে পারেন।

গিটহাব দিয়ে ওয়েবসাইট হোস্ট করা যায় কিভাবে?

GitHub-এ আপনি GitHub Pages ব্যবহার করে একদম ফ্রি তে একটি ওয়েবসাইট হোস্ট করতে পারেন।

ধাপ ১: গিটহাবে অ্যাকাউন্ট খুলুন

ধাপ ২: একটি নতুন রিপোজিটরি তৈরি করুন

  • Create new repository তে ক্লিক করুন

  • রিপোজিটরির নাম দিন, যেমন my-website

  • “Public” রাখুন এবং “Initialize this repository with a README” অপশনটি দিন

ধাপ ৩: ওয়েবসাইটের ফাইল আপলোড করুন

  • আপনার HTML, CSS, JS ফাইল গুলো রিপোজিটরিতে আপলোড করুন।

  • প্রধান পেইজের ফাইলের নাম অবশ্যই index.html হওয়া উচিত।

ধাপ ৪: GitHub Pages সক্রিয় করুন

  1. রিপোজিটরির সেটিংসে যান

  2. বাঁ পাশে নিচের দিকে "Pages" মেনুতে ক্লিক করুন

  3. "Branch" থেকে main নির্বাচন করুন এবং / (root) ফোল্ডার নির্বাচন করুন

  4. "Save" বাটনে ক্লিক করুন

ধাপ ৫: ওয়েবসাইট লিংক পাওয়া যাবে

  • কিছু সময় পরে উপরের দিকে আপনার ওয়েবসাইটের একটি লিংক দেখা যাবে। উদাহরণস্বরূপ:

ডিফল্ট পোর্টফলিও ওয়েবসাইট

১. এক্ষেত্রে রিপোসিটরির নাম দিতে হবে username.github.io

২. Actions→click on repository wait wait few second link is visible

এখানে পেজ থেকে সেটিংস এ যাওয়া প্রয়োজন নেই কেননা এটি ডিফল্ট পোর্টফোলিও ওয়েবসাইট।


Comments

Post a Comment

Popular posts from this blog

Basic Web Design with HTML and CSS

-
Image
Webpage A  web page  or  webpage  is a document, commonly written in  HTML , that is viewed in an Internet  browser . A web page can be accessed by entering a  URL  address into a browser's  address bar . A web page may contain text, graphics, and  hyperlinks  to other web pages and files.   WebSite : A website is a collection of several web pages. These pages are linked together with hyperlinks. A website has a unique domain name, and we can access it by entering that domain name in the URL. A domain name is a string of characters that identifies a website. It is what users type in their browser to visit your site.   Web hosting is a service that provides space on a server for your website files, allowing it to be available on the internet. When visitors access your domain name, the hosting provider will transfer those files to their web browsers.   Two types of website Static website ...
Read more

Project Web Design Assignment

-
Image
  Assignment-3 <!DOCTYPE html> <html lang="en"> <head>     <meta charset="UTF-8">     <meta name="viewport" content="width=device-width, initial-scale=1.0">     <title>Employee Information Form</title> </head> <body>     <div style="width:30%; margin: auto;">         <form action="#" method="POST">             <fieldset>                 <legend>Employee Details</legend>                                 <!-- Name Field -->                 <label for="name">Name:</label>                 <input type="text" id="name" name="name" required><br><br>           ...
Read more